不能在Fabric.js中使用getActiveObject()

时间:2014-11-19 15:25:03

标签: javascript jquery canvas fabricjs

我想检查画布上所选图像的图像质量。

我的以下代码:

var canvas = $(".canvas-container").children('canvas').get(0);
//console.log(canvas.getActiveObject().get('type'));
console.log(canvas);

getActiveObject()日志给出错误:  undefined不是一个函数。

其他日志返回:

<canvas class="lower-canvas" width="850" height="230" style="position: absolute; width: 850px; height: 230px; left: 0px; top: 0px; -webkit-user-select: none;"></canvas>

画布在另一个js文件中创建:

      //create fabric stage
        var canvas = $productStage.children('canvas').get(0);

        stage = new fabric.Canvas(canvas, {
            selection: false,
            hoverCursor: 'pointer',
            rotationCursor: 'default',
            controlsAboveOverlay: true,
            centeredScaling: true
        });

我必须改变什么才能使用所以我可以使用canvas.getActiveObject()?

请参阅http://www.panel-it.eu/shop/straatnaambord-3/#以供参考。

提前致谢。

1 个答案:

答案 0 :(得分:3)

getActiveObject()fabric.Canvas对象的方法。

使用上述代码,您可以使用stage.getActiveObject()代替canvas.getActiveObject()