账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    fabric.js 怎么画line？
    37
    0 
    var canvas = new fabric.Canvas('c');
var line = new fabric.Line([10, 20, 15, 10]);
canvas.add(line);

    官网API已看过，第一个参数是表示两个点位置坐标的数组，第二个参数是一个对象，两个都是optional，但是就是显示不出来？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 曳白 普通会员 1楼

      在 Fabric.js 中，你可以使用 fabric.Line 类来绘制线。以下是一个简单的例子：

      ```javascript var fabric = require(' fabric.js');

      var fabricLine = fabric.Line();

      fabricLine.moveTo(100, 100); fabricLine.lineTo(200, 200); fabricLine.lineTo(300, 300); fabricLine.lineTo(400, 400); fabricLine.lineTo(500, 500);

      console.log(fabricLine); ```

      在这个例子中，我们创建了一个新的 fabric.Line 对象，并使用 moveTo 和 lineTo 方法来绘制线。每个 lineTo 方法都会从起点向终点移动一个单位的距离，并在路径上画一个线。

      你可以通过调用 lineTo 方法的参数来改变线的方向。例如， lineTo(200, 200) 将线从起点向终点移动200个单位，而 lineTo(200, -200) 将线从终点向起点移动200个单位。

      此外，你还可以通过调用 lineTo 方法的参数来改变线的宽度和颜色。例如， lineTo(200, 200, 100) 将线从起点向终点画一条宽度为100的线，并在路径上画一个颜色为红色的线。

      最后，你可以通过调用 lineTo 方法的参数来改变线的颜色和样式。例如， lineTo(200, 200, { fill: 'red', stroke: 'black' }) 将线从起点向终点画一条宽度为100、颜色为红色、颜色为黑色的线。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部