您的位置:首页 > Web前端 > JavaScript

使用JS HTML5 画图

2018-02-16 21:29 447 查看
1.canvas.getContext(“2d”); 返回一个用于在画布上绘图的环境

2.strokeStyle 绘制的颜色

3.beginPath()

4.Arc(x,y,r,0,Math.PI*2,true||false)画一个圆

5.Stroke() 开始绘制

6.moveTo(x,y)绘制一条线的初始位置

7.lineTo(x,y)一条线的终止位置,多个lineTo一起使用时,后一个lineTo的起始位置是前一个的结束位置

8.closePath() 由末尾返回起始位置

9.Translate(x,y)将新图形的位置设置到x,y

10.clearRect(x,y,width,height)清除指定范围内的一个矩形

11.Rotate(deg)按照某个角度旋转

12.fillStyle绘制的颜色

13.fillRect(x,y,width,height)从指定的坐标开始创建一个指定长宽的矩形

14.navigator浏览器对象,navigator.userAgent返回HTTP请求头,indexOf(text,[num])方法可返回某个指定的字符串值在字符串中首次出现的位置

15.object.onscroll滚动事件

16. setTimeout(doSomeThing(),1000);//指定毫秒后调用函数
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js html5 canvas