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

H5的学习笔记之HTML5Canvas画图标签&画线,圆,渐变色

2015-12-22 00:57 507 查看
常见错误:

 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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: