摘要

  • W3C 在 2001 年 9 月 4 日发布 SVG 1.0 推荐标准，用 XML 描述二维图形，包括矢量路径、形状、文字和图像。
  • 坐标系与视口规则让制图者把同一套几何映射到不同大小的显示区域。读者放大地图时，道路可以按路径重绘，而不只是旧像素的放大版。

让一张小地图把小巷放大给你看，它可能摊开一堆大方块，仿佛巷子本来就是乐高搭的。那只是原图留下的像素被拉长。2001 年的 SVG 1.0 推荐标准 给网页另一种交代图形的办法：用 XML 写下路径、基本形状、文字和图像。道路是一条有坐标的线，不是某个尺寸的照片里一串深色点。

规范导言 讲得很具体：路径可以由直线和曲线组成；图形对象可以分组、设定样式、变换和合成。对于地图，河流、街名和街区终于可以各司其职。一片城区能作为一组移动，路线能单独修正，标注也能调整。整张图不必每改一次路口就重新拍一张“定妆照”。

真正负责“放大”这件事的是坐标章节。SVG 区分绘图空间和读者看得见的有限矩形，即视口；还区分视口坐标与作者安排图形时使用的用户坐标。viewBox 从用户空间选出一个矩形，映射进视口。preserveAspectRatio 决定它怎样适应那块地方。道路在自己的坐标里待着，窗口则可以是小卡片，也可以是整页。

这套规则还允许位移、缩放、旋转、倾斜。多个对象可以一起变换；嵌套的 SVG 元素能建立新的视口。做地图的人先定好城市的空间关系，再挑选一块区域给当前窗口。屏幕最终当然要画出像素，但文件交给屏幕的是“怎么画”的路径与规则，而非唯一一次画完的截图。

SVG 1.0 也能容纳文字、嵌入图像、遮罩、滤镜、动画和脚本。那些能力让画面不仅会缩放，还能被组织、修改和交互。这篇故事最关键的变化却很朴素：网页图形有了可传递的几何原稿。读者换一块屏幕，作者无须预先为每一种尺寸重画一份街道。

W3C 的公开公告日期是 2001 年 9 月 5 日，推荐标准正文则标着前一天。那次发布给网页一门共同的二维图形语言。以后有人把地图拉近，道路仍按路径伸向该去的地方。糊成一锅粥的任务，可以留给早餐。