背景图像中的SVG剪辑路径 - Firefox无法正常工作

时间:2015-02-03 21:38:22

标签: svg background-image clip

ClipPath似乎不适用于Firefox。当SVG文件作为背景图像嵌入时(第一个图像)。有没有人有解决这个问题的技巧或解决办法?我不想把它作为一个对象或img嵌入。

Embedded as background Embedded as object

<defs>
    <clipPath id="myClip">
        <circle cx="32" cy="32.2" r="16"/>
    </clipPath>
</defs>
<g style="clip-path: url(#myClip);">
    <line class="sb s_3" x1="11.5" y1="38.4" x2="48.9" y2="20.8"/>
    <line class="sb s_05" x1="13.6" y1="42.7" x2="50.9" y2="25"/>
    <line class="sb s_05" x1="15.1" y1="44.7" x2="52.5" y2="27.1"/>
    <line class="sb s_2" x1="15.6" y1="49" x2="53" y2="31.3"/>
    <line class="sb s_05" x1="9.4" y1="34.2" x2="46.8" y2="16.6"/>
    <line class="sb s_05" x1="7.8" y1="33.1" x2="45.2" y2="15.5"/>
</g>

0 个答案:

没有答案