【文件属性】:
文件名称:google canvg.js下载-svg转canvas然后可以生成图片
文件大小:68KB
文件格式:JS
更新时间:2017-01-15 03:22:35
canvg canvg.js svg转canvas googlecanvg canvg.js下载
使用方法详见:http://blog.sina.com.cn/s/blog_025270e90101p6vs.html
首先需要获取svg标签以及内容:
var svgHtml = svgContainer.innerHTML();
将svg转成canvas需要用到google的一个插件canvg
接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas,这个方法第一个参数就是canvas标签的id,第二个自然就是svg标签内容了,就这样,svg转成了canvas
然后就是将canvas转成图片了,这个更加简单了
var imgSrc = document.getElementById(canvasId).toDataUrl("image/png");//这其实是将canvas转成了图片,
网友评论
- 不错,给了新思路
- 不错的js啊,很有帮助。
- 感觉没什么用,而且积分太高了
- 积分和价值不太对等
- 积分和价值不相等
- 积分和价值不相等
- 没有用,需要时候再看
- 还可以,就是IE兼容需要自己调整源码
- 不过,还可以,就是IE兼容需要自己调整源码。
- 确实是一个不错的js.解决了很多工作量。
- 只能在国内找地方下载了,谁叫谷歌被墙了呢
- 积分和价值不相等
- 实在没办法搞了,看看这个能不能解决fusioncharts出图问题,希望好用
- 下了,没用,而且分数也这么多,坑啊
- 下了,没用上,因为IE兼容问题,所有放弃了
- 网上可以下的地方比较多,这个分数的确有点黑心了!
- 以为是个例子,没成想是canvg.js,https://github.com/gabelerner/canvg可以自己下,5分真是抢劫。必须差评!!
- GOOD!很不错!!谢谢!!
- 下了,没用上,因为IE兼容问题,所有放弃了
- 没用啊。。不过感谢楼主的分享。。。
- 每有使用,用imagemagick
- 没有用啊,蛋都碎了,找了好多资源都不不能用的,不过还是要感谢楼主的分享。谢谢
- 不过good,就是IE兼容还有问题