css - css 虚线边框如何实现？

Question

我想使用 GWT Canvas 在像 Rectangle 这样的画布元素周围绘制虚线边框。我喜欢 css 属性border: dashed产生的样式，尤其是角的显示方式，如下所示：https ://developer.mozilla.org/en-US/docs/CSS/border-style

可以在某处检查此虚线如何生成的“源”代码吗？

Answer 1

在 Firefox 源码中找到了这个函数：nsCSSRenderingBorders. 我不明白代码，但答案可能就在那里。

http://mxr.mozilla.org/mozilla-central/source/layout/base/nsCSSRenderingBorders.cpp

Answer 2

如果你想要你的边框样式：

element.style {
  background-color: palegreen;
  border-style: dashed;
}

或者

element.style {
  border-style: 2px dashed #000;
}

这是你想要的吗 ？

如果你想要一个 java 函数来做到这一点，或者某个地方开始“学习”，去这里gwtcanvasdemo。并且有一个指向来源的链接。此外，关于 SO 的另一篇文章与画布中的虚线笔划有关，然后是/DashedLineRenderer.java