在HTML5中可以通过canvas元素以及脚本来绘制图形，以及fillRect()方法和clearReact()方法来实现清除图像的效果

 

　　在HTML5中新增了许多新的元素，可以帮助我们实现许多新的功能。比如：图形的绘制，多媒体内容，api拖放元素，定位，应用程序缓存，存储等等。今天将要分享的是HTML5中与canvas元素相关的属性，canvas元素是用于定义图形，比如图表和其他图像等。是基于JavaScript的绘图API。接下来将在文章中为大家详细介绍如何通过canvas元素绘制图像以及清除图像

 

　　【推荐课程：HTML5教程】

 

　　图像绘制：

 

　　canvas元素用于绘制图像，但是它本身不具备绘制功能必须要通过脚本来实现绘图任务

 

　　例：通过canvas和JavaScript脚本绘制一个圆

 

　　圆心坐标是：200,200；半径是：80；开始角度是：0；结束角度是：2*Math.PI

 

　　<canvasid="myCanvas"width="500"height="500"">

 

　　您的浏览器不支持HTML5canvas标签。</canvas>

 

　　<script>

 

　　varc=document.getElementById("myCanvas");

 

　　varctx=c.getContext("2d");

 

　　ctx.beginPath();

 

　　ctx.arc(120,150,80,0,2*Math.PI);

 

　　ctx.stroke();

 

　　ctx.fillStyle="pink";

 

　　ctx.fill();

 

　　</script>




本文转载自中文网