如何在网站上生成图像？

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绘图上下文是一个不错的选择。