我尝试使用JavaScript创建一个图像滑块,因为我需要一个复杂的图像掩码/剪辑路径,我使用SVG剪切滑块(图像)。
在Firefox中一切正常,但由于我只使用SVG进行剪切,而图像是HTML格式,因此SVG中的剪切clipPath
引用了一个HTML DOM元素(SVG之外的<img>
标记,而不是SVG的<image>
)。
Chrome,IE和Opera不支持SVG效果,例如非SVG元素的剪辑路径。
我的问题:
有没有办法让图像滑动并被SVG对象剪切(跨浏览器)?
是否有任何与SVG相关的好的JavaScript库可以简化解决方案?
CSS和PNG图形是否可以实现?我可能会改变SVG方法,尽管掩蔽/裁剪图像非常复杂。
提前致谢