JavaScript / HTML图像过渡效果
[英]JavaScript / HTML image transition effect
问题描述
I'm trying to emulate the "heart" transition shown at: 
我试图模仿显示在“心脏”上的过渡：
http://www.templatemonster.com/flash-templates/31595.html?scr_type=1&hide_flash=0&tab=32 http://www.templatemonster.com/flash-templates/31595.html?scr_type=1&hide_flash=0&tab=32
in HTML5 / JS, but I don't really know where to start. 在HTML5 / JS中，但我真的不知道从哪里开始。 Any tips? 有小费吗？ JQuery-based stuff is fine by me. 基于JQuery的东西对我来说很好。
2 个解决方案
解决方案1
1 已采纳 2011-07-25 02:17:30
Canvas clip mask is a good starting point 帆布夹式面具是一个很好的起点
https://developer.mozilla.org/samples/canvas-tutorial/6_2_canvas_clipping.html https://developer.mozilla.org/samples/canvas-tutorial/6_2_canvas_clipping.html
解决方案2
0 2011-07-30 17:03:15
http://www.fabulant.com/downloadcenter/imgtransheart/imgtransheart.html http://www.fabulant.com/downloadcenter/imgtransheart/imgtransheart.html
Script is v. easy to follow and modify. 脚本v。易于遵循和修改。 You can use your own heart images (the covering images are loaded in the js). 您可以使用自己的心脏图像（覆盖图像已加载到js中）。 Only trick is making sure the transparent aperture is smoothly scaled for each image. 唯一的技巧是确保为每个图像平滑缩放透明光圈。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.