了解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 2019-10-18 01:44:05

     返回顶部