是SVG中定义可重复填充图案的模板，必须置于内并设置id，通过fill="url(#id)"引用；其width/height设定图块尺寸，patternUnits推荐设为userSpaceOnUse以避免缩放异常。
什么是
fill="url(#myPattern)" 才真正盖印。没被引用的
它必须放在 id 属性供后续引用。
光写个空
-
width和height：决定单个“图块”的宽高，单位是用户坐标系（不是像素）。设太小（如width="1"）可能因抗锯齿糊成一片；设太大（如width="200"）会导致图案稀疏 -
patternUnits="userSpaceOnUse"：推荐始终显式设置。默认是objectBoundingBox（按图形自身宽高比例缩放），极易引发意外缩放，尤其当你把同一 -
x和y：控制图块左上角偏移，一般保持0即可；改了可能造成无缝衔接失败
在里面放什么？
x=0, y=0）计算的，不是整个 SVG 画布。
常见错误：把 width="10" height="10" 的 pattern 里 → 圆心超出图块范围，根本画不出来。
为什么图案没显示？先查这三件事
90% 的“图案不出现”问题出在这三个地方：
-
顶层） - 引用时写成了
fill="url(#Dots)"（大小写错），而定义的id是"dots" - 图案内容（如
fill是透明色、或用了未定义的
Chrome 开发者工具里检查
