javascript – RaphaelJS到SVG来

我试图让用户下载SVG图形作为PNG.
您可以通过JSFIDDLE获取代码

SVG到CANVAS部分无法正常工作.

已经添加了canvg和Mozillas的代码,它们都没有工作.还添加了Canvas2Image,如果canvas有元素,它应该有效.

最佳答案
感谢gabelerner开发的canvg帮助我解决了这个问题

>基于Problem saving as png a SVG generated by Raphael JS in a canvas,剥去svg中标签间的所有空格
>基于Problem saving as png a SVG generated by Raphael JS in a canvas图像的href更改为xlink:href
>基于gabelerner,将xmlns:xlink =“http://www.w3.org/1999/xlink”添加到svg xlmns中
>基于gabelerner,图像必须在同一个域下 – 没有交叉
>基于gabelerner,Canvas2Image无法在框架内工作,这意味着没有fiddle(因此我删除fiddle部分以使其清晰)

以下是您可能想要的示例SVG和JS部分

var svg_XML_NoSpace = 'stroke="#ff0000" d="M414,114L722,114" style="stroke-width: 3px;" stroke-width="3">noreMouse: true,ignoreAnimation: true,renderCallback: function () {
         //save canvas as image
         Canvas2Image.saveAsPNG(document.getElementById(canvasID));  
         }
} );

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...