有没有一种方法可以将文本添加到<use>元素?

时间:2019-09-19 21:13:16

标签: svg

在SVG中,我希望能够通过指定属性值或某种类似的机制来自定义包含元素的元素的每个实例中显示的内容。例如:

    <svg width="600" xmlns="http://www.w3.org/2000/svg">
        <defs>
            <g id="box">
                <rect width="200" height="150" rx="10" ry="10" stroke="black" fill="#CCCCFF" />
                <image x="75" width="50" height="50" href="{image_url}" />
                <svg width="200" height="100" y="50">
                    <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">{content}</text>
                </svg>
           </g>
        </defs>

        <use href="#box" x="0" y="0" content="Thing 1" image_url="dog.png" />
        <use href="#box" x="300" y="0" content="Thing 2" image_url="cat.png" />
</svg>

有没有办法做到这一点?

0 个答案:

没有答案