SVG 查看器

SVG 查看器与校验器

打开任意 SVG,任意倍率预览,读取它的 viewBox 与尺寸,并检查源码是否有误 — 文件不会上传。

SVG 查看器

☞ 全程在你的浏览器中运行 —— 不会上传任何图片

将 SVG 拖放到此处

或点击浏览 —— 仅限 SVG

看清一个矢量文件

预览并检查任意 SVG

SVG 就是纯文本 XML,所以文件打不开通常只是某个字符写错了,而不是数据损坏。这个查看器渲染的就是浏览器渲染的东西,渲染不了时也会直说。

放大到 800% 检查某条 path 的边缘,读 viewBox 理解图形如何缩放,或者复制源码粘回你的编辑器。

三步

如何打开 SVG 文件

01

拖入 SVG

从设备里选一个 .svg 文件 — 不会上传。

02

缩放与检查

平移画面、切换背景、读取尺寸信息。

03

复制或修复

复制源码;文件有误时读解析报错。

快速解答

SVG 查看器常见问题

为什么这里显示的 SVG 不一样?

预览在隔离的图片上下文中渲染,因此不会加载外部字体和远程链接的图片。依赖网络字体的文字可能回退到系统字体。

viewBox 是什么意思?

viewBox 定义图形所用的坐标系。width 与 height 说明默认渲染多大,viewBox 则决定它如何缩放。文件没写 viewBox 时,我们会显示浏览器采用的默认值。

这能校验我的 SVG 吗?

能校验格式是否良构。文件按 XML 解析,任何解析错误都会连同浏览器给出的原始信息一起显示。它不做完整 SVG 规范的符合性检查。

文件会被上传吗?

不会。读取与渲染全部在你的浏览器中完成。