在SVG中镜像异物

时间:2019-10-29 12:59:55

标签: svg

我正在使用某种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吗?

0 个答案:

没有答案