Canvas画布

获取绘图上下文

  var gd = oC.getContext('2d');

简单画图

重新开始路径
gd.beginPath();
起始点
gd.moveTo(x,y);
目标点
gd.lineTo(x,y);
设置描边颜色
gd.strokeStyle = 'color';
设置线宽
gd.lineWidth = width;
描边
gd.stroke();
填充颜色
gd.fillStyle = 'color';
填充
gd.fill();

闭合路径
gd.closePath();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、简介 HTML5 中的定义:“它是依赖分辨率的位图画布,你可以在 canvas 上面绘制任何图形,甚至加载照片...
    destiny0904阅读 10,608评论 1 4
  • canvas用途 游戏 小游戏 图表 报表 如 Charts插件 炫酷效果 banner 模拟器、图形编辑器 等...
    飞鱼_JS阅读 949评论 0 2
  • HTML5的canvas元素可以使用js在网页上绘制图像.canvas本身是没有绘图能力的必须使用在js的内部才能...
    相关函数阅读 480评论 0 0
  • 是html5新增的画布元素,为了客户端矢量图形而设计的,它自己没有行为(仅仅是一个画图的容器),但是定义了一个 A...
    你期待的花开阅读 2,343评论 0 7
  • 无数次想提笔写点东西,但每次都被各种耽误,一边懊悔自己的不持之以恒,一边又在不持之以恒的道路上越走越远。无所作为的...
    莫有鱼阅读 269评论 0 1