网页设计与网站建设-第八讲

网页设计 建七、Web文档对象模型DOM、JavaScript高级语HTML5概述与基 每一个网页中 都是一 每一个网页都是一个 7.2灵活使用查 查 通 通 名来查找所有的网页元 我在我在这 我们在 myElement的对齐方式将myElement Create •Addit

我是新来的7.3JavaScript中的Events例如加载网页、滚动鼠标、移动 7.4HTML5FirstLook HTML5的目标是取代1999年制定的HTML4.01和XHTML1.0标准，以期能 百 7.4HTML5FirstLook HTML5FirstLookWebWebWebWebHTML5

WebSQL HTML5 内容 八、实战HTML5画布（上HTML5绘制 绘尔曲尔曲8.1HTML5中的Canvas 在网页中添加canvas<!doctype<!doctype<metacharset="utf-Canvas默Canvas默认宽高<canvasid="myCanvas"width="300" 在网页中添加canvas<!doctype<!doctype<metacharset="utf-<canvasid="myCanvas"width="300" 在网页中添加canvas<canvas<canvasid="myCanvas"style=“border:1pxwidth="300" 在网页中添加canvas 利用canvas创创建含id的canvas

寻利用idcanvas

获

绘利用 id属性的canvas我的我的id是<canvasid="myCanvas"width="300"抱歉，您的浏览器不支持canvas id寻找canvas 将查找结果保存myCanvasvarvar getContext2d表2d表示绘制的维图var JavaScript利用利用fillStyle置填充利用fillRect制实心矩利用fillRect制实心矩利用canvas<canvasid="myCanvas"<canvasid="myCanvas"width="300"抱歉，您的浏览器不支持canvasvarvar varvar绘 利用canvas<!doctype<!doctype<metacharset="utf-<canvasid="myCanvas"style="border:solid1px;"width="300"抱歉，您的浏览器不支持canvas<scriptvarmyCanvas= varContext=myCanvas.getContext("2d");寻获绘 利用canvas矩矩形坐坐标原点坐标原点yy 8.2设置设置直的起设置直的终两点之绘制直 8.2直线起点直线终点8.3矩形的颜色，包括边框色与填充矩形的位置及大形

矩矩形起点 矩形矩形起点 开始路开始路圆形路结束路绘制圆 acr(x,y,半径,开始角度,结束角度acr(x,y,半径,开始角度,结束角度是否顺时针 圆心圆心 8.6 如果如果参数改成这样呢 三次 曲 8.7绘 8