javascript – 是否可以在没有外部文件的情况下使用带有SVG的webkit css掩码？

Webkit允许使用外部SVG文件作为任何HTML元素的掩码.即：

导致：

(更多信息：http://webkit.org/blog/181/css-masks/)

有没有人知道如果没有外部SVG文件,有没有办法做到这一点？更具体地说,它可以用javascript生成的SVG来完成吗？

最佳答案

好吧,自从我提出这个问题已经过去了两年,浏览器格局发生了很大变化.这是我想要做的一个例子,目前仅适用于Firefox：http://mozilla.seanmartell.com/persona/

你可以看到有一个带有id变色龙的div,它有以下风格：

#clip1指向链接到形状的内联SVG元素内的clipPath元素.

所以现在它在Firefox中是可行的.

感谢@mart3ll的实际例子！

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。