是否可以使用 CSS 来定义具有两种交替颜色的虚线的线条（或形状边缘）？也就是说，如果1和2是不同颜色的像素，那么
1212121212121212 或 112211221122
我基本上想要某种方法来使用具有两种颜色的描边破折号数组。线条本身是完全着色的。
如果这是不可能的，那么近似它的好方法是什么？例如，我可以创建一个重复的线性渐变，两种颜色交替，但这很难从 JavaScript 中设置这两种颜色。
这在只有一个元素的 SVG 中是不可能的，但您可以使用两个不同的矩形，然后应用一个stroke-dashoffset: x...
rect.stroke-red {
stroke: red;
fill: none;
stroke-width: 5;
}
rect.stroke-green {
stroke: green;
fill: none;
stroke-dasharray: 5,5;
stroke-width: 5;
}
<svg xmlns="http://www.w3.org/2000/svg">
<rect class="stroke-red" x="10" y="10" width="101" height="101" />
<rect class="stroke-green" x="10" y="10" width="101" height="101" />
</svg>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
