我想知道是否可以将svg过滤器应用于剪切的html内容.我找到的所有演示都有剪切和过滤分开.
这是一个例子:http://jsfiddle.net/B7593/1/.我希望黄色圆圈掉落一个阴影.
尝试添加filter=url('#dropshadow')/ style='filter:url(#dropshadow)'到circle/ clipPath/ div元素,但这些都不奏效.
我不认为你可以按照接近它的方式做到这一点 - 即使你可以将阴影作为剪辑的一部分,你在应用剪辑时也不会看到它,因为没有保留任何颜色,只是像素的不透明度用于确定显示的内容.什么工作(至少在Firefox中),是将剪辑和过滤器应用于SVG中的内容,如下所示:
<g filter="url(#dropshadow)">
<foreignObject width="300" height="300" clip-path="url(#c1)">
<body>
<div id="target"></div>
</body>
</foreignObject>
</g>
| 归档时间： |
|
| 查看次数： |
2146 次 |
| 最近记录： |