小编San*_*zsa的帖子

Fabric.js beta2 – 文本下划线选项

现在我们如何在 2.x beta 中准确获取和设置文本、iText 和 Textbox 的下划线、上划线等属性?有一些可用的文档吗?

javascript fabricjs

2
推荐指数
1
解决办法
1153
查看次数

FabricJS 2 – 将画布序列化为 JSON

我正在将我的画布序列化为 JSON 并面临两个问题:

我的画布的宽度和高度不会被序列化,但我需要它。

虽然纯色和作为画布背景的图像将被序列化,但作为背景的渐变不会被序列化。我正在像这样创建我的背景渐变:

$scope.addGradient = function (left, right) {
    var leftColor = document.getElementById('gradLeft').value;
    var rightColor = document.getElementById('gradRight').value;
    console.log(leftColor, rightColor);

    var grad = new fabric.Gradient({
        type: 'linear',
        coords: {
            x1: 0,
            y1: 0,
            x2: canvas.width,
            y2: canvas.height,
        },
        colorStops: [{
            color: leftColor,
            offset: 0,
        },
            {
                color: rightColor,
                offset: 1,
            }
        ]
    });
    canvas.backgroundColor = grad.toLive(canvas.contextContainer);
    canvas.renderAll();
};
Run Code Online (Sandbox Code Playgroud)

javascript canvas fabricjs

1
推荐指数
1
解决办法
1623
查看次数

标签 统计

fabricjs ×2

javascript ×2

canvas ×1