需求是这样的:在页面的预览图上面绘制一个矩形,画完立即保存,右上角出现一个删除按钮,要立即可以删除。一开始的思路是使用canvas去实现,把一个透明的画布放在预览图上,滚动的时候,红框就会随着这个画布滚动。那么用一个透明的canvasabsolute在画布上是行不通的。然后我就在想那生成一个canvas的高度是整个预览图的长度吧。但是思考了下,我们的场景预览图可能会有几百几千张,那么生成一个这么长的canvas好像也有点不太好。并且生成了canvas,虽然也可以绘制一个删除按钮,实现点击,但也无法实现底层预览图上面红框悬浮效果了。怎么想这里使用canvas去绘制矩形框都是一个又复杂性能又差的方