Javascript 如何在网站上生成图像？

我想弄清楚如何制作一个网站图片，只是一些颜色的小斑点，而不需要实际创建一个图片和放置一个图片标签等等。可能吗？ 我会用CSS、Javascript还是HTML5来绘制它？如果用Javascript之类的东西动态绘制，这是个好主意吗？一遍又一遍地画画？ 不知道从哪里开始找？谢谢你的帮助

---

下面是我想制作的一个图像示例：

SVG是一个不错的选择。它允许您使用文档结构，非常类似于HTML，用于矢量图形。

元素构成一个矩形。对于像您的示例这样更复杂的形状，请查看路径。更多信息请点击此处：

矢量图形易于通过编程生成和操作。它们也可以在不进行像素化的情况下进行大小调整和缩放

---

如果您需要复杂的过滤或需要光栅图形，画布元素及其二维绘图上下文是一个不错的选择。

您看过html5画布吗？这可能是一个很好的起点。