使用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);//指定毫秒后调用函数
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);//指定毫秒后调用函数
相关文章推荐
- 介绍一款使用html5画图的JS开源软件ichartjs
- 介绍一款使用html5画图的JS开源软件ichartjs
- 使用HTML5画布实现的超棒javascript动画仪表板:gauge.js
- 使用impress.js模板制作的HTML5网页幻灯片
- HTML5播放器 MediaElement.js 使用方法
- 使用js检测浏览器是否支持html5中的video标签的方法
- 使用MediaElement.js构建个性的HTML5音频和视频播放器
- 使用HTML5的两个api,前端js完成图片压缩
- html5 video.js 使用及兼容所有浏览器
- HTML5使用canvas画图时,图片被自动放大模糊的问题
- HTML5中Audio标签的使用与通过JS暂停音乐播放器audio
- 使用backbone.js、zepto.js和trigger.io开发HTML5 App
- 可在 html5 游戏中使用的 js 工具库
- 使用js检测浏览器是否支持html5中的video标签的方法
- 【使用Html5 CfxixiJS制作APP】如何用iscroll制作水平滚动的List布局
- 使用Html5+CSS3摆脱JS做带提示文字的输入框
- 使用HTML5和JS-Recon进行端口扫描
- 使用HTML5画布实现的超棒javascript动画仪表板:gauge.js
- html5学习canvas基本使用:div在js前面;localStorage存储根据浏览器在不同的位置;应用程序缓存;placeholder 属性提供一种提示(hint),描述输入域所期待的值。
- 使用HTML5画布实现的超棒javascript动画仪表板:gauge.js