HTML5 Canvas
发布时间:09/01 来源:未知 浏览:
关键词:
什么是 Canvas?
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 (引荐学习:html教程)
画布是一个矩形区域,您可以操纵其每一像素。
canvas 具有多种绘制途径、矩形、圆形、字符乃至增加图像的办法。
创立 Canvas 元素
向 HTML5 页面增加 canvas 元素。
规定元素的 id、宽度和高度:
<canvas id="myCanvas" width="200" height="100"></canvas>
通过 JavaScript 来绘制
canvas 元素本身是没有画图能力的。所有的绘制工作必需在 JavaScript 内部完成:
<script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75); </script>
以上就是HTML5 Canvas的具体内容,更多请关注百分百源码网其它相关文章!