上面写或粘 SVG 源码,下面放画布数据,中间按方向转一次:SVG 可以按指定尺寸和背景画成画布并导出 PNG,画布像素也能包回 SVG 容器里继续缩放使用。
发布日期: 2026-09-11
描述: SVG与Canvas互转工具用于在矢量图与位图之间双向转换,把 SVG 渲染成指定尺寸的 PNG 并回写 data URL,也能把画布像素包回可缩放的 SVG 容器。
使用方法: 1. 在左侧「SVG 源码」框粘贴或写 SVG 代码,也可以点「上传图片」选一个 .svg 文件,或直接把文件拖进页面。2. 在中间设置输出宽高;勾选「用 SVG 原始尺寸」就按 SVG 自身尺寸走,倍率可选 1x 到 4x 用来导出更大像素的 PNG,背景可以选透明、白、黑、浅灰或自定义颜色。3. 点「SVG → Canvas」,右上显示 SVG 预览,右下显示画布结果,PNG 的 data URL 同时写入下方输入框。4. 反过来用时,把 PNG 的 data URL 或 base64 贴进下方输入框,或上传一张图片,再点「Canvas → SVG」,上方 SVG 源码会被替换成内嵌该图片的 SVG 容器。5. 需要文件时点「下载 PNG」或「下载 SVG」,也可以点「复制 SVG」与「复制画布数据」取文本。
暂无评论,来发表第一条评论吧!