Javascript 使用SVG“；像素“；视网膜显示器

所以我想做一个像这样的工具

这些l系统中的每个像素都是有意义的，所以理想情况下，我希望能够平移/缩放，我希望它在视网膜上看起来很好

我最初的想法是使用SVG和单独的矩形来表示所有像素的位置。然而，这似乎是一个奇怪的解决方案，我不确定我能期望什么样的性能

---

所以我的问题是：有人认为这行得通吗？或者有人能提出不同的行动方案吗

我不太理解SVG和“像素”之间的联系。SVG是一种特别适合于不处理像素而是处理表单的格式。通过

标记中的

srcset

属性，可以很容易地支持高分辨率显示。只需为浏览器提供不同的解决方案以及css大小，浏览器就会根据当前情况选择最适合的解决方案。如果我不清楚，很抱歉，部分问题可能是我的方法没有意义。在我上面链接的图片中，每个像素都应该对应于数据的给定部分。但是，像素显示不好，因为它是画布。所以我真的想要画布之类的东西，但这对视网膜显示器有效。所以我要用SVG。我明白你说的完全是反方向的。

的问题是我实际上没有图像。我想一个解决方案可能是从网页中单独生成图像，然后显示它们。你建议我这样做吗？这就是通常的做法。图像是动态创建的，因此以动态方式，基于请求的分辨率。因此，您实现了一个简单的图像创建服务，而不是预创建图像的集合。然而，很明显，这要求服务对于用例来说足够快。我不太理解SVG和“像素”之间的联系。SVG是一种特别适合于不处理像素而是处理表单的格式。通过

标记中的

srcset

属性，可以很容易地支持高分辨率显示。只需为浏览器提供不同的解决方案以及css大小，浏览器就会根据当前情况选择最适合的解决方案。如果我不清楚，很抱歉，部分问题可能是我的方法没有意义。在我上面链接的图片中，每个像素都应该对应于数据的给定部分。但是，像素显示不好，因为它是画布。所以我真的想要画布之类的东西，但这对视网膜显示器有效。所以我要用SVG。我明白你说的完全是反方向的。

的问题是我实际上没有图像。我想一个解决方案可能是从网页中单独生成图像，然后显示它们。你建议我这样做吗？这就是通常的做法。图像是动态创建的，因此以动态方式，基于请求的分辨率。因此，您实现了一个简单的图像创建服务，而不是预创建图像的集合。然而，这显然要求服务对于用例来说足够快。