Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html2canvas和内嵌SVG_Javascript_Html_Svg_Html2canvas - Fatal编程技术网

Javascript html2canvas和内嵌SVG

Javascript html2canvas和内嵌SVG,javascript,html,svg,html2canvas,Javascript,Html,Svg,Html2canvas,我正在尝试使用html2canvas从div中显示的内容创建PNG图像。div包含: 更多包含文本内容的div(由html2canvas捕获) 像这样的内联SVG元素: 在使用html2canvas之前,可能是这样的: 然后我使用以下代码生成PNG图像: html2canvas(document.querySelector(“#会标区域”),{宽度:pWidth,高度:pHeight,x:pLeft,y:pTop,背景色:null})。然后(canvas=>{ 文件.getElement

我正在尝试使用html2canvas从div中显示的内容创建PNG图像。div包含:

  • 更多包含文本内容的div(由html2canvas捕获)
  • 像这样的内联SVG元素:
在使用html2canvas之前,可能是这样的:

然后我使用以下代码生成PNG图像:
html2canvas(document.querySelector(“#会标区域”),{宽度:pWidth,高度:pHeight,x:pLeft,y:pTop,背景色:null})。然后(canvas=>{
文件.getElementById(“会标”).appendChild(画布);
});

。。。结果如下:


问题:我的SVG去了哪里,我如何才能让html2canvas与文本div一起捕获它?

你能分享min可复制的小部件吗?你可以在上试用-只需使用用户名和密码“test99”登录,很抱歉,我无法阅读和理解你的相关代码,因为它不是英文的;/通常,若SVG未被捕获,则意味着浏览器无法正确解释它。例如,您的SVG文件具有一些属性,如x&y,这些属性不应处于toot SVG级别(除非它不是根级别SVG)等。因此,如果您希望修复此问题,请在fiddle或类似位置创建一个可复制的案例,然后可以修复。否则,这是一个猜测游戏/