Asp.net 将HTML5 svg标记导出到图像c#
我有一个aspx文件,它包含Asp.net 将HTML5 svg标记导出到图像c#,asp.net,html,c#-4.0,svg,Asp.net,Html,C# 4.0,Svg,我有一个aspx文件,它包含。我想将此svg另存为图像。我找了很多,但找不到正确的答案 例如: 但是在这种情况下,document.getElementById(“mycanvas”).innerHTML值被称为undefined请尝试以下方法:- SVG到画布的初始转换是使用 //在id为“canvas”的画布中加载“../path/to/your.svg” canvg('canvas', '../path/to/your.svg') //在画布中加载id为'drawingArea'的svg
。我想将此svg另存为图像。我找了很多,但找不到正确的答案
例如:
但是在这种情况下,document.getElementById(“mycanvas”).innerHTML
值被称为undefined
请尝试以下方法:-
SVG到画布的初始转换是使用
//在id为“canvas”的画布中加载“../path/to/your.svg”
canvg('canvas', '../path/to/your.svg')
//在画布中加载id为'drawingArea'的svg片段
canvg(document.getElementById('drawingArea'), '<svg>...</svg>')
然后使用toDataURL()将画布转换为png图像,它将当前画布的内容作为图像返回,您可以将其用作另一个画布或HTML元素的源。
canvg('canvas','../path/to/your.svg')
我没有保存svgfile@DevT在您的情况下,它将是canvg(document.getElementById('drawingArea')、document.getElementById(“Id_of_SVG_Tag”).innerHTML)
@DevT您需要有一个canvas
元素,其中display:none
作为占位符。
canvg('canvas', '../path/to/your.svg')
canvg(document.getElementById('drawingArea'), '<svg>...</svg>')
canvg('canvas', 'file.svg', { ignoreMouse: true, ignoreAnimation: true })