Canvas基础知识详解

2019-09-11 郑州网站建设  

        标签

        <canvas>

        不支持canva 的浏览器可以看到的内容

        <canvas>

        绘制环境

        getContext("2d");目前支持2d的场景

        绘制矩形

        rect(L,T,W,H):创建一个矩形

        fillRect(L,T,W,H):绘制填充的矩形

        strokeRect(L,T,W,H)绘制矩形(无填充)

        默认一像素黑色边框

        设置绘图

        fillStyle:填充色彩(绘制canvas是有顺序的)

        lineWidth:线宽度,笔迹粗细

        strokeStyle:边线色彩

        绘制路径

        beginPath()

        closePath()

        moveTo()

        lineTo()

        stroke:绘制,划线(黑色默认)

        fill:填充(黑色默认)

        rect(矩形区域)

        clearRect擦除一个矩形区域

        save进入到XXX()状态

        restore退出xxx()状态

        绘制圆形

        arc(x,y,半径,起始弧度,结束弧度,旋转方向)


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1956.html转载请标明出处,谢谢合作!
标签:
  • 标签
  • 支持
  • Canvas
  • canva