canvg.js问题,将svg转为canvas,怎么将svg外部样式也加载进去

JavaScript013

canvg.js问题,将svg转为canvas,怎么将svg外部样式也加载进去,第1张

您好,我看到您的问题很久没有人来回答,但是问题过期无人回答会被扣分的并且你的悬赏分也会被没收!所以我给你提几条建议: 一,你可以选择在正确的分类下去提问,这样知道你问题答案的人才会多一些,回答的人也会多些。

二,您可以到与您问题。

https://github.com/canvg/canvg

npm install canvg@2.0.0-beta.1 canvas@^2 jsdom@^13 xmldom@^0

https://github.com/neocotic/convert-svg/tree/master/packages/convert-svg-to-png

npm install --global convert-svg-to-png

svg可以转成canvas,canvas再转图片!

var svgHtml = svgContainer.innerHTML()//获取svg

将svg转成canvas需要用到google的一个插件canvg,可以上官网下载

接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas,这个方法第一个参数就是canvas标签的id!

var imgSrc = document.getElementById(content).toDataUrl("image/png")//将canvas转成图片