javascript - 有没有一种方法可以在网页上使用矢量绘图创建一个小图形？

Question

我想要一个类似于选票复选标记的图标，它会根据数据值改变颜色。该图标中只有很少的几行。

有什么方法可以让我即时创建它而不必导入图像。原因是我希望能够更改图标的颜色，或者例如有时让图标的内部复选标记以与外部不同的颜色出现。我不想使用闪光灯或任何花哨的东西。只是希望我可以通过某种方式对此进行编码，以便它可以在现代浏览器(如 IE9(如果你可以称之为现代浏览器)和更高版本)中运行。

Answer 1

制作一个白色的图片(gif|png)，里面有一个透明的洞，把洞做成一个勾号的形状。

现在将图像的背景颜色设置为您想要的任何颜色。

---

只是想到了另一种方式，大多数现代 Unicode 字体在 0x2714 和 0x2713 处有两个刻度

✓ - Thin Tick 在 html 页面中使用 ✓

✔ - 厚勾号 ✔

我无法用颜色显示这些内容，但您应该可以根据需要为它们着色。