看清一个矢量文件
预览并检查任意 SVG
SVG 就是纯文本 XML,所以文件打不开通常只是某个字符写错了,而不是数据损坏。这个查看器渲染的就是浏览器渲染的东西,渲染不了时也会直说。
放大到 800% 检查某条 path 的边缘,读 viewBox 理解图形如何缩放,或者复制源码粘回你的编辑器。
三步
如何打开 SVG 文件
拖入 SVG
从设备里选一个 .svg 文件 — 不会上传。
缩放与检查
平移画面、切换背景、读取尺寸信息。
复制或修复
复制源码;文件有误时读解析报错。
SVG 查看器
打开任意 SVG,任意倍率预览,读取它的 viewBox 与尺寸,并检查源码是否有误 — 文件不会上传。
或点击浏览 —— 仅限 SVG
无法解析该文件
下面是解析器停下来的位置。修好后重新拖入文件。
预览
拖动可平移
看清一个矢量文件
SVG 就是纯文本 XML,所以文件打不开通常只是某个字符写错了,而不是数据损坏。这个查看器渲染的就是浏览器渲染的东西,渲染不了时也会直说。
放大到 800% 检查某条 path 的边缘,读 viewBox 理解图形如何缩放,或者复制源码粘回你的编辑器。
三步
从设备里选一个 .svg 文件 — 不会上传。
平移画面、切换背景、读取尺寸信息。
复制源码;文件有误时读解析报错。
快速解答
预览在隔离的图片上下文中渲染,因此不会加载外部字体和远程链接的图片。依赖网络字体的文字可能回退到系统字体。
viewBox 定义图形所用的坐标系。width 与 height 说明默认渲染多大,viewBox 则决定它如何缩放。文件没写 viewBox 时,我们会显示浏览器采用的默认值。
能校验格式是否良构。文件按 XML 解析,任何解析错误都会连同浏览器给出的原始信息一起显示。它不做完整 SVG 规范的符合性检查。
不会。读取与渲染全部在你的浏览器中完成。