相关疑难解决方法(0)

将文档内SVG栅格化为Canvas

为了正确回答这个问题,我想我会:

  1. 将文档内SVG文件转换为数据URL
  2. 加载到 <img>
  3. 把它绘制<img>成一个<canvas>
  4. 将其转换<canvas>为PNG数据URL
  5. 将该数据URL加载到图像中.

我在这里有一个例子:http:
//phrogz.net/SVG/svg_to_png.xhtml

在Firefox中,我(NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage]尝试在步骤3中将图像绘制到画布时得到.

为什么我在Firefox中出现此错误,或者我该如何解决它?

在Chrome中,SECURITY_ERR当我尝试toDataURL()在第4步中调用时,我收到异常.

为什么我会在Chrome中收到此错误,或者我该如何解决?

所述WHATWG规范指出的原点为"从一个数据中产生:在另一文献或在脚本中找到URL"的图象应是相同的文件.此测试中的所有数据均来自同一文档.

javascript html5 svg canvas

15
推荐指数
1
解决办法
5370
查看次数

标签 统计

canvas ×1

html5 ×1

javascript ×1

svg ×1