@xlwmin/svg2png
v1.0.6
Published
转换svg为png图片
Readme
Svg2png
将svg标签转换成png图片
注意事项
需要把svg里面用到的图片、字体全部转换成Base64格式并保存在svg标签，否则生成的图片不是完整版。
- 图片转换成
data:image/png;base64,……
- 字体转场成
<style> @font-face{ font-family:"xxx";src:url(data:application/octet-stream;base64,d09…… } </style>
安装方式
npm install --save @xlwmin/svg2png
使用方式
……导入
<script type="module">
import svg2png "@xlwmin/svg2png"
#实行转换
svg2png({
source:"#svgid",
target:"#imgtag"
});
</script>
……标签
<body>
<img id="imgtag"/>
<svg id="svgid">……</svg>
</body>详细参数
svg2png({
//需要转换的SVG,默认为#input
source:"#input",
//需要输出到的img标签,默认尾#output
target:"#output",
//回调函数,data为图片数据
callback:(data)=>{
console.log(data);
}
})