• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • lineTo()

    实例

    开始一条路径,移动到位置 0,0。创建到达位置 300,150 的一条线:

    YourbrowserdoesnotsupporttheHTML5canvastag.

    JavaScript:

    var c=document.getelementbyid("myCanvas");
    var ctx=c.getcontext("2d");
    ctx.beginpath();
    ctx.moveto(0,0);
    ctx.lineto(300,150);
    ctx.stroke();

    浏览器支持

    Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 lineTo()方法。
    注意:Internet Explorer 8 及之前的版本不支持<canvas>元素。

    定义和用法

    lineTo()方法添加一个新点,然后创建从该点到画布中最后指定点的线条(该方法并不会创建线条)。

    提示:请使用stroke()方法在画布上绘制确切的路径。

    JavaScript 语法:context.lineTo(x,y);

    参数值

    参数描述
    x路径的目标位置的 x 坐标。
    y路径的目标位置的 y 坐标。

    上篇:closePath()

    下篇:clip()