H5的学习笔记之HTML5Canvas画图标签&画线,圆,渐变色
2015-12-22 00:57
555 查看
常见错误:
1.画线的时候:p.stroke();
2.画圆的时候:p.fill();
3.颜色渐变的过程:
(1)定义一个渐变块儿,有大小函数是:var g=p.createLinearGradient(50.50.175,50);
(2)添加函数:g.addColorStop(0,"blue");
(3)将渐变块儿给画布块儿:p.fillStyle=g;
(4)设置画布块儿的大小:p.fillRect(50,50,174,39);
4.载入图形:
(1)img对象的加载方式:img.src="logo.png";
(2)画布画图:img.drawImage(img,220,30);
1.画线的时候:p.stroke();
2.画圆的时候:p.fill();
3.颜色渐变的过程:
(1)定义一个渐变块儿,有大小函数是:var g=p.createLinearGradient(50.50.175,50);
(2)添加函数:g.addColorStop(0,"blue");
(3)将渐变块儿给画布块儿:p.fillStyle=g;
(4)设置画布块儿的大小:p.fillRect(50,50,174,39);
4.载入图形:
(1)img对象的加载方式:img.src="logo.png";
(2)画布画图:img.drawImage(img,220,30);
相关文章推荐
- 《 初学 》 html5 制作精灵表 坐标查看器
- 高德地图api之location定位
- HTML5入门4---HTML5 与 HTML4 同一网页的不同写法
- HTML5入门3---视频播放器
- HTML5入门1---Canvas画布
- 答辩HTML5
- HTML5改变
- 检测浏览器对HTML5新input类型的支持
- 5个主流的HTML5开发工具
- HTML5基础标签与SEO
- html5 datalist标签的用法
- Html5应用接入百度移动ssp广告教程
- h5案例分享 华谊电影《老炮儿》约战
- Html5新元素<canvas>标签画图注意事项
- 免费的HTML5连载来了《HTML5网页开发实例具体解释》连载(四)HTML5中的FileSystem接口
- Html5 onpopstate 事件禁止手机设备上的返回操作
- HTML5的入门与深入理解
- 跨平台移动开发实战(三)------HTML5开发环境搭建
- HTML5获取地理位置
- 历时八年 HTML5标准终于制定完成