Html5canvas中如何用使用svg对象。_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 15:48:01

Html5canvas中如何用使用svg对象。_html/css_WEB-ITnose

Html5canvas中如何用使用svg对象。_html/css_WEB-ITnose:在canvas中使用drawImage，吧svg对象作为参数传入，无法显示。不知道是不是drawImage不支持这个类型的对象参数。求解。回复讨论(解决方案) 参见方法 http://code.google.com/p/canvg/ http://canvg.googlecode.com

推荐度：

点击下载本文 文档为doc格式

导读Html5canvas中如何用使用svg对象。_html/css_WEB-ITnose:在canvas中使用drawImage，吧svg对象作为参数传入，无法显示。不知道是不是drawImage不支持这个类型的对象参数。求解。回复讨论(解决方案) 参见方法 http://code.google.com/p/canvg/ http://canvg.googlecode.com

在canvas中使用drawImage，吧svg对象作为参数传入，无法显示。不知道是不是drawImage不支持这个类型的对象参数。求解。。

回复讨论(解决方案)

参见方法
http://code.google.com/p/canvg/
http://canvg.googlecode.com/svn/trunk/examples/index.htm

我贴一段代码给你：

test

FAIL

var c = document.getElementById("c").getContext("2d"),
i = document.getElementById("i")
c.drawImage(i, 0, 0)

为什么canvas没有吧svg的图像画出来呢?如果画出来，怎么办呢（不用第三方的东西）？

其实我很想知道 drawImage 这个方法的第一个参数可以接受的图像类型是什么都有哪些？？

在支持svg的浏览器中进行测试，如Firefox16,Chrome

test

其实我很想知道 drawImage 这个方法的第一个参数可以接受的图像类型是什么都有哪些？？

可以用HTMLImageElement，HTMLCanvasElement或者HTMLVideoElement作为参数