我正在使用某种Pen(我想创建景深效果),我在异物内部有html代码,并且想对该元素应用filter + mask,为此,我需要克隆该元素并遮罩它(或还有其他方法可以应用遮罩进行过滤吗?)
我已经尝试过svg:use
<foreignobject id="code">
<body xmlns="http://www.w3.org/1999/xhtml">
<figure class="highlight">
<!-- HTML -->
</figure>
</body>
</foreignobject>
<use x="0" y="0" width="100%" height="100%"
filter="url(#blur)" mask="url(#mask)" xlink:href="#code"/>
但不适用于异物:
这是我的笔:https://codepen.io/jcubic/pen/VwwzVXO
还有其他方法可以使用外部objec对其进行镜像,以便我可以应用filter + mask吗?