我一直在尝试将两个SVG文件合并为单个SVG文件.我发现的任何地方都在使用pageSet.下面的代码是将两个SVG文件合并到一个文件中.
<pageSet>
<page>
<circle cx="300" cy="150" r="90" fill="red" stroke="black"
stroke-width="4" fill-opacity="0.7" />
</page>
<page>
<circle cx="240" cy="250" r="90" fill="green" stroke="black"
stroke-width="4" fill-opacity="0.7" />
</page>
<page>
<circle cx="360" cy="250" r="90" fill="blue" stroke="black"
stroke-width="4" fill-opacity="0.7" />
</page>
</pageSet>
我尝试使用上面的代码,但没有显示.
您可以将SVG文件一个接一个地嵌入到HTML文档中.例如,使用SVG内容内联:
<html><head>…</head><body>
<svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg>
<svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg>
<svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg>
<svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg>
</body></html>
...或引用外部文件:
<html><head>…</head><body>
<object type="image/svg+xml" data="file1.svg"></object>
<object type="image/svg+xml" data="file2.svg"></object>
<object type="image/svg+xml" data="file3.svg"></object>
<object type="image/svg+xml" data="file4.svg"></object>
</body></html>
svg, object { page-break-before:always }
| 归档时间： |
|
| 查看次数： |
7518 次 |
| 最近记录： |