Java里canvas有什么用_Html5 Canvas介绍

1. 获取绘图上下文

var mycanvas = document.getElementById('mycanvas');

var context = mycanvas.getContext('2d');

2. 绘图函数

注：x = positionX y= position Y w = width h = height

绘制矩形:

strokeRect(x,y,w,h); -----边框矩形

fillRect(x,y,w,h); ----填充矩形

清除区域:

clearRect(x,y,w,h);

绘制路径：

beginPath();清楚路径列表，每次绘制新的形状之前都要调用

moveTo();开始绘制的坐标

lineTo();绘制到哪里

closePath();关闭路径形成闭合的图形,如果不想形成闭合图形就不需要添加

stroke();执行描边,连线!!!!!!!!!!!!

strokeStyle = '(十六进制颜色值)或(颜色英文拼写)';  设置描边颜色

lineWidth();设置描边线条的粗细

fillStyle = '(十六进制颜色值)或(颜色英文拼写)'; 设置填充颜色

fill(); 执行填充

绘制弧形:

注：弧度 = 角度 * (Math.PI / 180)

arc(x,y,radius(半径),startAngle(起始弧度),endAngle(终止弧度),counterclockwise(是否逆时针绘制));

arcTo(x1,y1,x2,y2,ridius(弧的半径