5

2つのSVGファイルを1つのSVGファイルにマージしようとしています。私が見つけたところはどこでもpageSetを使用しています。以下のコードは、2つのSVGファイルを1つのファイルにマージすることです。

<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>

上記のコードを使用してみましたが、何も表示されません。

4

1 に答える 1

10

SVG ファイルを HTML ドキュメントに次々と埋め込むことができます。たとえば、SVG コンテンツをインラインで次のようにします。

<html><head>…&lt;/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>…&lt;/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>

次に、印刷時にCSS を使用して改ページを制御できます。

svg, object { page-break-before:always }
于 2012-07-28T15:01:12.687 に答える