正规网站建设推荐,wordpress pdf杂志,黄骅港吧,网站域名选择的原则WebGL采用HTML5中新引入的canvas元素(标签),它定义了网页上的绘图区域。
1、Canvas是什么
在HTML5出现之前,如果你想在网页上显示图像,只能使用HTML提供的原生方案img标签。用这个标签显示图像虽然简单,但只能显示静态的图片,不能进行实时绘制和渲染。…WebGL采用HTML5中新引入的canvas元素(标签),它定义了网页上的绘图区域。
1、Canvas是什么
在HTML5出现之前,如果你想在网页上显示图像,只能使用HTML提供的原生方案img标签。用这个标签显示图像虽然简单,但只能显示静态的图片,不能进行实时绘制和渲染。HTML5引入了canvas标签,允许JavaScript动态地绘制图形。
艺术家们将画布作为绘画的地方,类似地,canvas标签定义了网页上的绘图区域。有了canvas,你就可以使用JavaScript绘制任何你想画的东西。
canvas提供一些简单的绘图函数,用来绘制点、线、矩形、圆等。
1.1 使用canvas标签
默认情况下,canvas是透明的,如果不用JavaScript在上面画些什么,你是看不到canvas的。
为body元素指定onload属性,告诉浏览器body元素加载完成后(即页面加载完成后)执行main()函数,并作为JavaScript程序的入口。
body onload="main()"canvas id="myCanvas" width="400" height="400"/canvasscript src="./test.js"/script/body
在canvas上绘制二维图形,需经过以下三个步骤ÿ