Fabric.js 路径对象因宽度和高度而无法选择

Question

使用 fabric.js 我创建了一个 Path 对象，如下所示：

var canvas = window._canvas = new fabric.Canvas('c');
canvas.backgroundColor = '#f5f5f5';
var path = new fabric.Path('M 0 20 Q 50 100 100 20',{
    stroke: 'black',
    fill: ''
});
canvas.add(path);

这按预期工作，但是，用户无法移动 canvas 上的路径。当你将鼠标悬停在路径上时，你会看到你没有得到 "move" 光标，你不能移动路径。

我认为这是路径高度为 0 的结果。尽管有一个控制点给出了路径高度，但为什么这条路径的高度为 0？

这里有一个 fiddle 来说明我的意思。正如您在控制台日志中看到的那样，路径的高度为 0，边界矩形也是如此。这是错误还是预期行为？

http://jsfiddle.net/flyingL123/0j2q9uf9/5/

Answer 1

您需要将 fabric.js 版本上传到 1.4.13。您可以在这里下载：https://rawgit.com/kangax/fabric.js/master/dist/fabric.js

var canvas = window._canvas = new fabric.Canvas('c');
canvas.backgroundColor = '#f5f5f5';
var path = new fabric.Path('M 0 20 Q 50 100 100 20',{
    left: 100,
    top: 100,
    stroke: 'black',
    fill: ''
});

canvas.add(path);
console.log(path);
console.log(path.getBoundingRect());

我已经上传了你的fiddle：http://jsfiddle.net/0j2q9uf9/7/

它就像一个魅力。

Fabric.js 路径对象因宽度和高度而无法选择

Fabric.js Path object not selectable because of width and height

svg

fabricjs