SVG与Canvas互转工具-画布像素与矢量图互相转换

SVG与Canvas互转工具-画布像素与矢量图互相转换

3 次使用 1星 - 很差 2星 - 较差 3星 - 一般 4星 - 很好 5星 - 非常好 5.0 (1人已评)

SVG与Canvas互转工具-画布像素与矢量图互相转换

上面写或粘 SVG 源码,下面放画布数据,中间按方向转一次:SVG 可以按指定尺寸和背景画成画布并导出 PNG,画布像素也能包回 SVG 容器里继续缩放使用。

SVG 预览
还没有预览
点中间「SVG → Canvas」或「刷新 SVG 预览」
Canvas 预览
还没有画布内容
点中间「SVG → Canvas」或「刷新 Canvas 预览」

工具信息

发布日期: 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」与「复制画布数据」取文本。

← 返回

评论 (0)

发表评论

0/300

暂无评论,来发表第一条评论吧!

便签
已输入:0/500字

    扫码访问工具