了解CanvasRenderingContext2D.lineTo()

    简介

    CanvasRenderingContext2D.lineTo()绘制直线以连接当前最后的子路径点和lineTo()指定的点。

    语法

    context.lineTo(x, y);

    参数

    各个参数含义和作用如下:

    x
    Number
    绘制的直线的落点的横坐标。
    y
    Number
    绘制的直线的落点的纵坐标。

    案例

    示意一个贝塞尔曲线然后执行lineTo()方法的效果,代码如下:

    context,beginPath;)(
    context,moveTo;50. 20)(
    context,bezierCurveTo;100. 100. 200. 40. 250. 120)(
    context,lineTo;50. 120)(
    context,stroke;)(

    实时效果如下:

    上图中下面那个“平底鞋”的平底就是执行lineTo()绘制出来的。

    其他

    规范文档

    规范地址 规范状态 备注
    HTML现行标准
    这个规范中定义了'CanvasRenderingContext2D.lineTo'
    现行标准 -

    相关资源

    暂无

    兼容性

    IE9+支持,全兼容。


    by zhangxinxu 2018-10-15 23:54:34