我有 2 个 SVG 文件需要使用 Batik 进行叠加。第一个文件用作背景图像,大小为 308 像素 x 308 像素,而第二个文件 (260 像素 x 260 像素) 是必须居中的前景图像(即位于背景图像的中心)。我希望将操作结果保存在第三个 SVG 文件中。
如果您熟悉蜡染,我会很感激您的建议。
Thanks,
Olivier.
如果您不需要在最终文档中包含后台和前台文档的内容,则可以简单地引用它们:
<svg xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink'
width='308' height='308' viewBox='0 0 308 308'>
<image xlink:href='background.svg' width='308' height='308'/>
<image xlink:href='foreground.svg' x='24' y='24' width='260' height='260'/>
</svg>
使用 DOM 构建此文档应该很简单。看here有关使用 DOM API 构建文档的示例。
如果您需要将两个文档合并为一个,那么您可以:
- 让 a =
Document
产生于parsing背景.svg
- 让 b =
Document
解析 foreground.svg 的结果
- 让 e =
a.
importNode(b.getDocumentElement(), true)
- set the
x
and y
e 的属性为“24”
- call
a.getDocumentElement().appendChild(e)
现在 a 是一个合并了前台内容的文档。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)