如何使用最基本的HTML / CSS绘制实线/点线/虚线（对于tcpdf来正确渲染它们）

Question

观察下面的图片。它是两个图形的组合，其中不同的曲线以实线，虚线和具有不同行程长度的虚线变化显示。

TL; DR

我需要一种方法来生成实线，虚线，虚线，使用 basic / simplest HTML / CSS，希望tcpdf渲染引擎能够理解，因为tcpdf没有处理以及最新和最好的HTML / CSS标记。怎么样？

您可能不需要的详细信息，但可能会感激：

我正在使用flot + tcpdf来生成这些，首先在画布上生成图形，然后将画布传输到PDF引擎，除了图例外，一切似乎都正常。曲线的图例没有转移到画布上，因为flot还没有将其图例写入画布的能力。它将它写入HTML / CSS中的DIV，并且由flot生成的图例代码将可怕地（即它做了大丑的矩形而不是行）转换为tcpdf的原生弱HTML-to-pdf渲染引擎。换句话说，我需要使用最基本的HTML / CSS创建自己的图例，并希望tcpdf能够理解并正确呈现它。

Answer 1

使用SVG，而不是HTML / CSS。

http://www.tcpdf.org/doc/code/classTCPDF.html#a56536508fb1b5aede7d2ed27f56c2353

<svg height="30" width="100">
  <g fill="none" stroke="black" stroke-width="4">
    <path stroke-dasharray="20,10" d="M5 2 300 0" />
  </g>
</svg>