canvas画布01

一:canvas

1:概述:

  canvas是H5提供的新标签,其最强大的作用是进行2D图形的绘制,canvas标签仅仅作为绘制图形的载体,它本身并不具备绘制图形的能力,我们是通过canvas元素的自身的一个对象进行绘制图形的。目前提供的也有3D功能,但是只有极少数的浏览器支持,一般不用3D。canvas中的坐标系是平面的。

2:canvas绘制路径

 绘制的步骤:

 (1):获取canvas元素

    var canvas = document.getElementById("canvas");

 (2):获取2D渲染上下文对象(核心)

    var content=canvas.getContext("2d");

 (3):绘制路径

    content.beginPath();//开始路径

              content.moveTo(0,0);//设置起点

             content.lineTo(300,400);//设置下一个点

             content.closePath();//结束路径

             content.stroke();//绘制路径

3:设置canvas宽高的方式:

 (1):直接在标签内设置宽高属性

    <body>

                    <canvas id

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值