导出带有图像和文本数据的SVG

时间:2016-07-21 16:58:07

标签: svg

我正在尝试使用一些MySQL数据(图像,文本)导出SVG,但我在这里遇到了一些麻烦。

基本:我正在做一个圆圈,分成7个部分,我想在每个部分里放一个标识+一些文字。

需要的结果:

result1

我发现SVG Crowbar是导出它们的最终方式。虽然,因为我使用了一些服务器存储的图像,当导出完成时,没有渲染图像: result exported

这是我在每个部分显示数据的方式:

		<image x="270" y="50" xlink:href=/management-rings/web/assets/logos_bc/logo_ange.png height="75" width="75"/>
		<foreignObject x="160" y="140" width="140" height="75">
			<div style="height: 75px; width: 140px; position: absolute; z-index: 8; text-align: center;">
				<p xmlns="http://www.w3.org/1999/xhtml" id="text">
					ANGE<br>
				</p>
			</div>		
		</foreignObject>

我现在几乎无能为力。如何在导出svg时正确渲染这些图像?

非常感谢!

0 个答案:

没有答案