【网站建设管理系统】河北网站建设公司，河北网站设计，河北网站制作 -网络营销推广_网站建设设计

【网站建设管理系统】河北网站建设公司，河北网站设计，河北网站制作

发表日期：2018-11-12 05:15:39

通过JavaScript绘制图形

<canvas>兀素只是图形容器，其本身是没有绘图能力的，所有的绘制工作必须在JavaScripti内部完成。

在画布上绘图的核心是上下文对象CanvasRenderingContext2D，用户可以在JavaScript代码中使用getContext()方法渲染上下文进而在画布上显示形状和文本。

JavaScript使用getElementById方法通过canvas的id定位canvas元素，例如以下代码：

var myCanvas= document.getElementById(’myCanvas’);

然后，创建context对象，例如以下代码：

var myContext= myCanvas.getContext(”2d”);

getContext()方法使用一个上下文作为其参数，一旦渲染上下文可用，程序就可以调用各种绘图方法。表5-7列出了渲染上下文对象的常用方法。

表5-7渲染上下文对象的常用方法

需要说明的是，canvas画布的左上角为坐标原点(0，0)。

1．绘制矩形

(1)绘制填充的矩形

fillRect()方法用来绘制填充的矩形，语法格式为：

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务