canvas直线.圆和正方形的画法

var oCa=document.getElementById('canvas');
var oEv=oCa.getContext('2d');//设置绘图环境
var w=oCa.width=window.innerWidth;
var h=oCa.height=window.innerHeight;
//直线画法
       oEv.beginPath();//开的路径
       oEv.moveTo(100,100);//将触笔移动到这个位置
       oEv.lineTo(300,300);//绘制到哪个点坐标
       oEv.strokeStyle='red';
       oEv.lineWidth=14;
       oEv.closePath();//闭合路径
       oEv.stroke();//调用触笔方法(canvas)        
       //圆的画法        
       oEv.beginPath();//画圆
       oEv.arc(300,300,200,0,2*Math.PI,false);
       oEv.strokeStyle='green';
       oEv.closePath();
       oEv.stroke();
       //正方体的画法
       oEv.beginPath();
       oEv.fillStyle='pink';
       oEv.fillRect(300,300,350,350);
       oEv.closePath();
       oEv.stroke();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值