我需要使用嵌入在网页中的SVG画布绘制1px网格（10px间距）。有许多SVG标签可供选择，我希望有人可以建议哪种标签最适合这项工作并产生最少量的代码。
例如，使用＆lt; path＆gt;绘制路径是否有更短的替代方法？标签？也许通过定义一个10px x 10px的正方形然后以某种方式在画布上重复它。
无论如何，请接受建议。
由于
答案 0 :(得分：4)
您可以制作<pattern>（基本上是问题中的图块）并填充任何形状。
这是该技术的example。
答案 1 :(得分：0)
我不是专家（第3天！），但我确实知道谷歌使用rects在Google图表上执行此操作，宽度或高度等于1.没什么好看的，只需用网格写一下网格像这样的东西：
<rect x="86" y="61" width="1" height="198" stroke="none" stroke-width="0" fill-opacity="1" stroke-opacity="1" stroke-dasharray="0" fill="#cccccc"></rect>
他们为什么这样做？不知道。他们的图形很好，所以有人可能会考虑它。我自己的倾向是用路径做这个，用'h'和'v'表示相对水平和垂直线。它更紧凑，但输出可能不太好。