html5-canvas - 如何在 fabric.js 中创建一个组

Question

我想创建一个组，其中包含图像和文本的组合，并且表现得像一个组，但是当我这样做时:

https://gist.github.com/1682293

我不能移动那个组。为了让它工作，我需要先将图像和文本添加到 Canvas ，然后用这些图像和文本创建一个组，然后删除单独添加的图像和文本。

我做错了什么？

Answer 1

这似乎已在最新版本的 fabric.js 中修复。我能够让它与 version 0.9.15 一起工作:

function drawImage(name, left, top) {
    fabric.Image.fromURL('../nav-host.png', function (img) {
        var oImg = img.scale(4);
        var caption = new fabric.Text(name, {
            fontFamily: 'Arial'
        });
        var group = new fabric.Group([oImg, caption], { left: left, top: top });
        canvas.add(group);
    });
}