html5 和可拖动图像是否可以使用类似 Photoshop 的混合模式
我正在使用一些 javascript 使我的图像 可拖动
我想要能够将我的图像相互移动并创建与 Photoshop 中的多重混合模式类似的效果。
我已经看到静态图像是如何实现的,但我希望它们在屏幕上移动时发生变化,而不是仅仅加载已经应用的效果。
这在画布中可能吗?有更好的办法吗?
I'm using some javascript to make my images draggable
I want to be able to move my images over each other and create a similar effect to the multiply blending mode in photoshop.
I've seen how this is possible with static images, but I want these to change as they are moved around the screen, rather than just loading up with the effect already applied.
Is this possible within the canvas? Is there a better way?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
是的,Canvas 和processing.js 是可以的,但是您将无法使用实际的可拖动插件(它似乎不是 HTML5)。
阅读此http://processingjs.org/reference/blend_/,但请记住在画布上混合可能会非常困难慢(这取决于图像的分辨率和浏览器的引擎)。
Yes, it is possibile with Canvas and processing.js, but you will not be able to use your actual draggable plugin (it doesn't seem HTML5).
Read this http://processingjs.org/reference/blend_/ but remember Blending on Canvas could be very slow (it depends by images' resolution and by Browser' engine).