文章详情页
javascript - 将图片拖进canvas
浏览：240日期：2022-11-18 18:13:56
问题描述
哪位大神帮忙看看，这个效果，可以把右面的图片拖进canvas，还能进行编辑，是怎么实现的，能不能具体讲一下，急
问题解答
回答1：拖进去，看看drag and drop API就好了；
关于编辑图片，看了下这个站点，所谓“画布”也不是canvas，就是普通的p层。其实和我自己实现的一个简单的图片编辑器差不多。思路是：
操作的目标是图片（img）
每一种操作都需要被记录下来，比如放大，旋转等
如果输出一张图片的话，就将上面所有img按照顺序，执行操作动画，绘制到canvas上，就可以保存图片了
如果输出HTML，将上面所有img的每个操作对应成CSS的样式就好了
回答2：拖放的话 你用拖放api 就是，里面有针对 目标对象 和源对象的事件处理，但是我不明白 你说的编辑 是什么意思
标签：
JavaScript
相关文章：
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）2. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题3. USE关键字4. javascript - mysql插入数据时怎样避免与库中的数据重复？5. MySQL 这句 创建表结构语句的错误在哪？6. 导入phpmyadmin的时候报错了7. MySQL能否给某个字段的值设置有效期？8. MYSQL新建用户设置可以远程访问的问题9. mysql数据库做关联一般用id还是用户名10. MySQL 如何 SELECT 除去某一列的所有列？
排行榜
![$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题](http://www.haobala.com/attached/image/news/202205/093622cb60.png)
网公网安备