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

Question

我正在尝试弄清楚如何制作网站图像，只是一些颜色的小斑点，而没有实际创建图像并放置图像标签等等。可能吗？ 我会用 CSS、Javascript 还是 HTML5 来绘制它？如果使用 Javascript 之类的东西即时绘制它，那是个好主意吗？一遍又一遍地画画？ 不确定从哪里开始寻找？谢谢你的帮助。

这是我想制作的图像示例：https://dl2.pushbulletusercontent.com/0P1OxQU6AoPT5LnWG3jROJgEmdWoPKUw/image.png

Answer 1

SVG 是一个不错的选择。它允许您使用与 HTML 非常相似的文档结构来处理矢量图形。 <rect> 元素构成一个矩形。对于像您的示例这样的更复杂的形状，请查看路径。更多信息在这里：Rounded corner only on one side of svg <rect>

矢量图形易于以编程方式生成和操作。它们也可以在没有像素化的情况下调整大小和缩放。

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