从点-值对绘制SVG

我需要编写一些代码（对于带有纯HTML/JS客户端的web.py webapp），以生成一组点值的可视化表示。每个点都有一个X和Y坐标，该值是一个整数。如果我可以使用SVG来实现这一点，那么我就可以在不需要额外代码的情况下缩放图像客户端。我真的可以这样做吗？我关心两件事：

• 这些点之间不一定有任何关系。它们不一定在网格中，我们也不能说附近有多少点，等等
• 渐变主要是一个方向，同一形状上的多个渐变似乎是一个陌生的概念
• 填充需要一个现有的映像，在这一点上，我最好还是在服务器端生成整个映像
• 对象始终具有分层，即使未指定，也会更改图像的渲染方式

如果它有帮助，考虑一个情况，我们有一个点被5个其他的包围，其中一个比另一个更靠近一点（精确的距离和大小可以被调整）。所有六个点都有不同的颜色（红色、绿色、蓝色、青色、洋红、黄色，中间是红色，黄色稍近），外部五个点大致排列成五边形。请注意，这种情况不是唯一的选择，只是一种理论上可能的情况

我可以用SVG实现这一点，还是应该在服务器端渲染图像

---

编辑：主要的困难不在于绘制点，而在于填充点之间的空间，这样就不会有空白，而且如果您知道数据，颜色转换也不会刺耳/不可预测。

我不完全理解您在使用svg时遇到的不同问题。我目前正在使用您描述的设置来渲染X-Y散点图和高斯曲线，发现效果非常好

关于对象分层的最后一点，在对不同颜色的不透明度小于100%的对象进行分层时，必须特别小心。颜色“添加”的方式取决于将对象添加到svg图形的顺序

谢天谢地，您可以使用不同的过滤器覆盖颜色，而无需混合它们。具体而言，我使用的是FeComposite滤芯。这里有一个很好的使用示例：

---

我不完全理解您在使用svg时遇到的不同问题。我目前正在使用您描述的设置来渲染X-Y散点图和高斯曲线，发现效果非常好

关于对象分层的最后一点，在对不同颜色的不透明度小于100%的对象进行分层时，必须特别小心。颜色“添加”的方式取决于将对象添加到svg图形的顺序

谢天谢地，您可以使用不同的过滤器覆盖颜色，而无需混合它们。具体而言，我使用的是FeComposite滤芯。这里有一个很好的使用示例：