Html 更改画布内SVG元素的填充?

Html 更改画布内SVG元素的填充?,html,dom,canvas,svg,Html,Dom,Canvas,Svg,有没有一种好方法可以将外部SVG文件绘制到HTML5标记中,然后通过Javascript动态更改SVG文件中元素的填充颜色 *到目前为止我所做的: 创建一个新的图像对象 将它的src设置为有问题的.svg文件 给它一个onload函数,通过ctx.drawImage()将其绘制到 是的,但你坚持哪一点?添加数据还是更改填充?向我们展示您迄今为止所做的工作。好的,编辑OP以显示我所做的工作。出于安全/隐私原因,图像对象不可编辑,因此您无法以这种方式进行操作。例如,您可以将svg嵌入到内联中。我之所

有没有一种好方法可以将外部SVG文件绘制到HTML5标记中,然后通过Javascript动态更改SVG文件中元素的填充颜色

*到目前为止我所做的:

  • 创建一个新的图像对象

  • 将它的src设置为有问题的.svg文件

  • 给它一个onload函数,通过ctx.drawImage()将其绘制到


  • 是的,但你坚持哪一点?添加数据还是更改填充?向我们展示您迄今为止所做的工作。好的,编辑OP以显示我所做的工作。出于安全/隐私原因,图像对象不可编辑,因此您无法以这种方式进行操作。例如,您可以将svg嵌入到内联中。我之所以需要在a中嵌入svg,是为了能够动态地移动和转换svg。在本例中,.svg文件是游戏中可自定义的精灵。最初它是在Flash中完成的,但是现在是时候获得ios支持了。一旦你在
    画布上绘制了任何东西,没有“内部元素”,只有像素。如果需要“内部元素”,请将内容保留为SVG。