如何使用外部SVG进行CSS过滤:url()?

时间:2015-12-20 02:17:26

标签: css svg reference svg-filters

我有一个HTML文档。我能够添加到CSS,但不能添加到HTML本身。

我尝试使用filter:url()属性将SVG过滤器应用于图像。由于我无法触及HTML,因此我无法添加<svg><defs><filter></filter></defs></svg>。相反,我试图在外部引用它,这显然是可能的。

我的SVG位于http://puu.sh/m1UcD/bba51a3b3d.svg,其中包含以下文字:
<filter id="colorMatrix"> <feColorMatrix type="matrix" values="1 0 0 -0.2 -0.1, 0 5 0 0 -0.1, 0 0 1 -0.2 -0.1, 0 0 0 1 0"/> </filter>

我试图使用
filter:url(http://puu.sh/m1UcD/bba51a3b3d.svg#colorMatrix); -webkit-filter:url(http://puu.sh/m1UcD/bba51a3b3d.svg#colorMatrix);
作为CSS属性,但效果不会呈现。

0 个答案:

没有答案