javascript - 使用 canvas 标签或创建一堆 什么更快？

Question

嘿，我有一个十六进制颜色数组，我想为数组中的每种颜色创建一个 80px x 80px 的正方形来表示该颜色。什么是更快的性能明智？

1:使用canvas标签遍历数组并使用fillStyle和fillRect()；

或

2:遍历数组并创建一个 div 框并将 div 的背景颜色设置为数组中的当前颜色。

注意:我有1034色，我打开了其他的建议，但是必须是基于web的，不能是flash。

Answer 1

如果只是为了跨浏览器的方便，我会使用 div。

实际上，我会尝试用服务器端语言来做，然后缓存结果。客户是否需要与这些形状进行交互或对它们进行任何操作才能使这不是一种选择？