我想到一个JavaScript绘图的办法

Question

电脑上的图形是由点构成的,只要有了绘制点的函数,则所有的图形都能被做出来,我想了一个纯JavaScript绘图的方式,见下面的代码,这段代码在Web页面上绘制了一个红色的V,上面的每个小点都是由一个div构成的.<script>
var r;
for(r=0;r<500;r++)
document.write("<div style='position: absolute; width: 1px; height: 1px;left:"+r+"px; top:"+r+"px; z-index: 1; background-color:#FF0000;line-height:1px;'>　</div>");
for(r=500;r>0;r--)
document.write("<div style='position: absolute; width: 1px; height: 1px;left:"+(1000-r)+"px; top:"+r+"px; z-index: 1; background-color:#FF0000;line-height:1px;'>　</div>");
</script>

Answer 1

这种例子很多，只不过当你点画的很密，很大的时候，你按一下ctrl+A,试试就知道了，IE会崩溃

Answer 2

浏览器渲染不了，崩溃~~``建议使用Canvas.

Answer 3

https://developer.mozilla.org/en/Canvas_tutorial/Basic_usage

Answer 4

Canvas是html5的节点对象，ie6好像就支持不好啦。建议使用vml

Answer 5

两者都需要考虑不能因为在IE下使用就考虑VML，但是仍然要为其他浏览器考虑使用CANVAS 毕竟浏览器没被垄断