制作图表网页

Question

我想将整个网页变成图形，就像蓝图（颜色策划）一样。然后我想在同一页面中绘制图表。所以我应该使用一些代码来制作网格，或者我应该只制作一个图像文件并使其成为背景。 网格最好是这样的：Graph，或者使用正确的颜色Blueprint Graph

如果建议使用代码，请概述如何执行此操作。 谢谢。

Answer 1

这听起来像你可以用HTML5 Canvas做的事情，虽然这可能超出了你所寻找的范围。 Here's a pretty good free course有相关的例子。

Answer 2

由于您将在图表上绘制点，最好的办法是创建一个元素，例如<div>，并给它一个固定的宽度和高度。然后将方格纸的背景图像应用于该元素。在绘制点时，您需要使用绝对定位，因此关键是图形保持不变并且不会因不同的视口而倾斜。

如果您希望整个视口成为图形，则在绘制点（从0,0开始）时需要引用左上角，因为用户的浏览器将具有不同的宽度和高度。