文章详情页
javascript - 将图片拖进canvas
问题描述
哪位大神帮忙看看,这个效果,可以把右面的图片拖进canvas,还能进行编辑,是怎么实现的,能不能具体讲一下,急
问题解答
回答1:拖进去,看看drag and drop API就好了;
关于编辑图片,看了下这个站点,所谓“画布”也不是canvas,就是普通的p层。其实和我自己实现的一个简单的图片编辑器差不多。思路是:
操作的目标是图片(img)
每一种操作都需要被记录下来,比如放大,旋转等
如果输出一张图片的话,就将上面所有img按照顺序,执行操作动画,绘制到canvas上,就可以保存图片了
如果输出HTML,将上面所有img的每个操作对应成CSS的样式就好了
回答2:拖放的话 你用拖放api 就是,里面有针对 目标对象 和源对象的事件处理,但是我不明白 你说的编辑 是什么意思
标签:
JavaScript
相关文章:
1. docker绑定了nginx端口 外部访问不到2. docker start -a dockername 老是卡住,什么情况?3. boot2docker无法启动4. dockerfile - 为什么docker容器启动不了?5. macos - mac下docker如何设置代理6. mac连接阿里云docker集群,已经卡了2天了,求问?7. 在mac下出现了两个docker环境8. docker内创建jenkins访问另一个容器下的服务器问题9. 网页爬虫 - python爬虫翻页问题,请问各位大神我这段代码怎样翻页,还有价格要登陆后才能看到,应该怎么解决10. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
排行榜