有没有工具可以将SVG数据转换为Canvas友好输入?

时间:2008-10-15 11:49:02

标签: javascript xml svg

是否有任何工具可以将SVG(XML)数据转换为Canvas友好输入?

7 个答案:

答案 0 :(得分:3)

看看canvg。它是一个JavaScript库,它将解析SVG并渲染到指定的canvas元素中:

http://code.google.com/p/canvg/

还有一篇Ajaxian文章(但我每个帖子只能发布一个链接)标题为“CanVG:使用Canvas呈现SVG文件”

答案 1 :(得分:1)

不,我不这么认为。 SVG实际上与Canvas有很大的不同。 SVG是一种矢量图形描述语言,而Canvases是以编程方式“绘制”的指令集。另外,Canvas实际上并不是基于矢量的。

看看Raphael Javascript Library。它的API将根据浏览器的功能绘制SVG / Canvas / VML。

答案 2 :(得分:1)

Dojo也支持渲染SVG。

请参阅dojoX包。 link text

答案 3 :(得分:1)

从svg公开会议中查看this article。在中间的某个地方,它讨论了一种使用服务器端渲染来组合svg和canvas的方法。

答案 4 :(得分:1)

我使用Canvg作为创建此在线工具的基础:

www.professorcloud.com/svg-to-canvas

它从SVG输入创建JavaScript Canvas函数。不做整个SVG规范,但足以使用。

答案 5 :(得分:0)

看看XSLT。

答案 6 :(得分:0)

Fabric.js有一个SVG到画布解析器。这是一个demo。注意如何点击侧边栏SVG部分中的按钮获取SVG文档并实时将它们解析到画布上。

您甚至可以操纵那些画布渲染的对象(缩放,移动,旋转等)