Question

关于Fabric.js中SVG导出的另一个问题，我尝试了http://fabricjs.com/kitchensink/并在画布上添加了两个图像，然后我将阴影滤镜应用到它们。

当我将其导出到图像时，看起来不错，但是当我将其导出到SVG时，不会显示所有图像。我使用的是Windows 7，Firefox 25，SVG中缺少过滤器，它应该位于<defs>内。

所以我的问题是当我使用Fabric.js处理SVG时我应该知道的，如果它不支持某个地方，我怎么能将自己的导出方法添加到它的对象，因为我将使用剪辑（不显示）在SVG中），阴影和所有其他过滤器。感谢。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="700" height="600" xml:space="preserve"><desc>Created with Fabric.js 1.4.0</desc>
    <defs></defs>
    <g transform="translate(237.81 209.86) rotate(36) scale(0.16 0.16)"><image xlink:href="http://fabricjs.com/assets/pug.jpg" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;filter: url(#SVGID_5);" transform="translate(-360 -540)" width="720" height="1080" preserveAspectRatio="none"></image></g>
    <g transform="translate(479.6 187.6) rotate(3) scale(0.8 0.8)"><image xlink:href="http://fabricjs.com/assets/logo.png" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;filter: url(#SVGID_4);" transform="translate(-137.5 -47.5)" width="275" height="95" preserveAspectRatio="none"></image></g>
</svg>

Fabric.js - SVG导出

0 个答案: