Question

我有多个内联svgs。在所有这些中，有一条共同的路径+一个图像。通常这个共同部分应该定期更改。

因此，如果我将公共区域保存为单独的svg文件。是否可以将常见的svg文件调用到另一个内联svg？

E.g：

main.svg

    <svg height="130" width="500">
      <defs>
        <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
          <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
        </linearGradient>
      </defs>
      <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" />
//I need to include external.svg here
    </svg>

external.svg

<text fill="#ffffff" font-size="45" font-family="Verdana" x="50" y="86">SVG</text>
<image width="20" height="20" xlink:href="man.png"></image>

Answer 1

如果使用background-image（或<object>）嵌入SVG，那么这些SVG必须是自包含的。他们无法引用其他外部文件，无论是CSS，图像，字体还是其他SVG。

但是，如果您使用内联SVG select * from table1 where to_timestamp(timecol)::timestamp without time zone = to_timestamp('03:15:00')::timestamp;等

，它应该可以正常工作

将外部svg调用到另一个svg

1 个答案: