美文网首页
canvas学习小结

canvas学习小结

作者: 花落只为花开 | 来源:发表于2018-02-02 17:34 被阅读0次

var context = canvas.getContext('2d');

1、canvas画线

    context.beginPath()开始画线

    moveTo(x,y)定义起点

    lineTo(X,Y);定义终点

    context.stroke();画线

2、canvas画柱状图

    主要使用context.fillRect(x,y,width,height);

    x,y柱状图左上角的坐标,

    width,height柱状图的宽度和高度。

3、给柱状图加入文

    主要使用context.fillText(str,x,y);

    str展示所用的文本,x,y文本展示的坐标。

相关文章

网友评论

      本文标题:canvas学习小结

      本文链接:https://www.haomeiwen.com/subject/bjgxettx.html