大きな行列をhtmlで表示する

Question

HTMLで600x600の行列を表示しようとしています。私はテーブル、div、Javascriptライブラリ（スクロール）を試しましたが、それらのすべてがユーザーの操作に応答するのが遅いです。

これらの種類の行列を表示するソリューションはありますか？

Answer 1

ボックスの束を表示しているだけであれば、キャンバスが必要です。

あなたは好きなようにボックスを描くことができます。 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);