Html2canvas: SVG图片标签不起作用

创建于 2015-06-11  ·  6评论  ·  资料来源: niklasvh/html2canvas

对不起,我英语不好

你好

我正在尝试捕获SVG标签。

http://jsfiddle.net/geekduck/bgzydk8v/2/

我可以捕获SVG矩形和圆形标签,但可以捕获SVG图像标签。

我使用useCORS并且可以捕获img标签。

关于SVG图片标签有什么想法吗?

谢谢。

所有6条评论

+1合并此修复程序,我遇到了同样的问题。

有趣的发现-如果我在图像的xlink:href属性中显示图像的base64编码数据,则该图像将出现在html2canvas生成的画布中。 如果我提供html2canvas图像的相对路径,则它不起作用。 例如
<image id="OpenLayers_Geometry_Point_42754" cx="690.6698311208747" cy="286.4667614893988" r="1" preserveAspectRatio="none" x="683" y="278" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABd0lEQVQ4T62Tv0sCYRzGP2eiZdxBST82iYLADGoILmirucmhOaSkoTEsaJGCiJYIJIr6EwKn6A8IrUGi0q2IhshIh7u0FPXiNcXSLjJ6x+/zPp/v8xzvSXx/FMANjFTkCyAO6PXXpQZ/B8solllkqRvV2lrWo4U3XowkeumQFBufPV8BXdI5XvsgIVkkaDx+TSOcT/BojFfFGkCY19rHmGszaVUZh14hmDkjaahi8gEQsWdaA6ab65FzmsZRbp0UmwKg4LLEuHP2/7y6TnU933JvDAuAiqflhKvO73ubUT1pnXhxSgD8+Ozb7Cu2phL4tDwHucV/AfytwlBaJ1GcFAlk+iwxbp0DTVVwpW64L5U/IjgJ4LWvsKvIv4L4NJ1wLsgzW7WH1CtFWHWoLDh+ZuxkYSN7yoMxUXtIVUuPFGXa5mbPJInYfJy/rJobAR91lmiX5pEtXahWe5kdKeTIGE9kSrsitvnPVFNEDw8wWhnFgGvgtb7fO2wpc13ikHF4AAAAAElFTkSuQmCC" style="opacity: 1" fill="#000000" fill-opacity="1" stroke="#000000" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></image>
工作时
<image id="OpenLayers_Geometry_Point_42880" cx="124.9999999916181" cy="79.99999999953434" r="1" preserveAspectRatio="none" x="112" y="67" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/path/to/image/on/server/image.png" style="opacity: 1" fill="#000000" fill-opacity="1" stroke="#000000" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></image>
才不是。

+1,我遇到了同样的问题。我希望谁能解决

+1,我遇到了同样的问题。 在最新版本中似乎无法解决。 为什么不将#998合并为最新版本?

此页面是否有帮助?
0 / 5 - 0 等级