文章详情页
javascript - 将图片拖进canvas
浏览：388日期：2022-11-18 18:13:56
问题描述
哪位大神帮忙看看，这个效果，可以把右面的图片拖进canvas，还能进行编辑，是怎么实现的，能不能具体讲一下，急
问题解答
回答1：拖进去，看看drag and drop API就好了；
关于编辑图片，看了下这个站点，所谓“画布”也不是canvas，就是普通的p层。其实和我自己实现的一个简单的图片编辑器差不多。思路是：
操作的目标是图片（img）
每一种操作都需要被记录下来，比如放大，旋转等
如果输出一张图片的话，就将上面所有img按照顺序，执行操作动画，绘制到canvas上，就可以保存图片了
如果输出HTML，将上面所有img的每个操作对应成CSS的样式就好了
回答2：拖放的话 你用拖放api 就是，里面有针对 目标对象 和源对象的事件处理，但是我不明白 你说的编辑 是什么意思
标签：
JavaScript
相关文章：
1. html - 竖线怎么实现2. python爬虫 - Python:网页爬取Ajax地址，结果与浏览器显示的不一致？3. python - pandas读取中文的时候乱码 要如何解决?4. javascript - 自己开发jQuery插件能不能实现一个插件里有多个功能5. javascript - vue的element-ui(饿了吗UI) webpack打包时externals无法分离6. javascript - 清空Chrome缓存的疑问7. spring - mysql中事务是互斥的么?8. peter_zhu 老师 想请教个问题？9. javascript - 对象里的一些没用了的数据大家是怎么处理的~10. javascript - vue报错，昨天也是这么写的也没报错呀，今天就报错了，不知原因。求解决
排行榜
网公网安备