Javascript – Bild in die Leinwand ziehen

Question

Kann mir jemand helfen, diesen Effekt zu sehen? Sie können das Bild rechts in die Leinwand ziehen und bearbeiten. Können Sie mir das im Detail sagen?

Answer 1

拖进去，看看drag and drop API就好了；

关于编辑图片，看了下这个站点，所谓“画布”也不是canvas，就是普通的p层。其实和我自己实现的一个简单的图片编辑器差不多。思路是：

1. 操作的目标是图片（img）

2. 每一种操作都需要被记录下来，比如放大，旋转等

3. 如果输出一张图片的话，就将上面所有img按照顺序，执行操作动画，绘制到canvas上，就可以保存图片了

4. 如果输出HTML，将上面所有img的每个操作对应成CSS的样式就好了

Answer 2

拖放的话 你用拖放api 就是，里面有针对 目标对象 和源对象的事件处理，但是我不明白 你说的编辑 是什么意思