可缩放矢量图形基于XML标记语言，用于描述二维的矢量图形。 作为一个基于文本的开放网络标准，SVG 够优雅而简洁地渲染不同大小的图形。

在`SVG`元素使用的是坐标系统（网络系统），和`Canvas`类似。以页面的左上角为起标点，以`px`为单位，x轴的正方形是向右边的，而y轴正方向是向下边。

MDN是这样来表述mask-image的。关于它的兼容性，你可以在这里看到Can i use mask-image。 而使用了mask-image之后，上述问题都不复存在。mask-image十分灵活，它支持一个特别炫酷的特性，就是渐变色（本质是背景叠加），它的表现原理类似于P…