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

前端之家收集整理的这篇文章主要介绍了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,它有以下风格:

Box-image: url(mask.png);">

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

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

感谢@mart3ll的实际例子!

猜你在找的CSS相关文章