在html中显示大型矩阵

Question

我试图在HTML中显示600x600矩阵。我已经尝试了表格，div，Javascript库（滚动），但所有这些都是响应用户操作的速度很慢。

有没有显示这种矩阵的解决方案？

Answer 1

如果您只是展示一堆盒子，那么您需要的是画布。

你可以根据自己的喜好绘制盒子。这是有效的，因为只有一个DOM元素。

来自https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API：

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "green";
ctx.fillRect(10, 10, 100, 100);