Html5Canvas初探学习笔记(1)-画一个矩形

canvas 元素是 Html5 相对于之前的 Html 的一个新增特性，本部分的博客文章就将研究这个组件的应用，尤其是在网页游戏开发上的应用。

很简单的一个例子，就是画一个矩形，下面来看代码：

其中 canvas 的标签处就是定义一个 canvas 画布，但是并没有作任何的处理，标签 script 的部分是 js 的代码部分，其中如下的部分是获得渲染上下文：

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d'); 

首先获得 canvas 元素，然后获得 2d 渲染得上下文。

如下的代码是画矩形部分：

context.fillStyle = '#000000';
context.fillRect(50, 50, 100, 100); 

首先设置颜色，然后画，四个参数分别是起点的横纵坐标和宽高

以上就是Html5 Canvas初探学习笔记(1)-画一个矩形 的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！

查看更多关于Html5Canvas初探学习笔记(1)-画一个矩形的详细内容...