SVG图像动画滑块

时间:2014-02-08 05:45:37

标签: javascript svg

我尝试使用JavaScript创建一个图像滑块,因为我需要一个复杂的图像掩码/剪辑路径,我使用SVG剪切滑块(图像)。

在Firefox中一切正常,但由于我只使用SVG进行剪切,而图像是HTML格式,因此SVG中的剪切clipPath引用了一个HTML DOM元素(SVG之外的<img>标记,而不是SVG的<image>)。

Chrome,IE和Opera不支持SVG效果,例如非SVG元素的剪辑路径。

我的问题:

有没有办法让图像滑动并被SVG对象剪切(跨浏览器)?

是否有任何与SVG相关的好的JavaScript库可以简化解决方案?

CSS和PNG图形是否可以实现?我可能会改变SVG方法,尽管掩蔽/裁剪图像非常复杂。

提前致谢

0 个答案:

没有答案