Stoff JS: Set X-Y-Koordinaten in Canvas-Bild | Set Position in Leinwand Bild

context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

dies ist in native JS

• img Gibt das Bild, canvas oder video-element zu verwenden
• sx Optional. Die x-Koordinate, wo zu beginnen clipping
• sy Optional. Die y-Koordinate, wo zu beginnen clipping
• swidth Optional. Die Breite von dem Bild abgeschnitten
• sheight Optional. Die Höhe der beschnittene Bild
• x Die x-Koordinate, wo das Bild auf der Leinwand
• y Die y-Koordinate, wo das Bild auf der Leinwand
• Breite Optional. Die Breite des Bildes zu verwenden (Strecke oder die Bildgröße verringern)
• Höhe Optional. Die Höhe des Bildes zu verwenden (Strecke oder die Bildgröße verringern)

Stoff:

var canvas = new fabric.Canvas('canvas', { selection: false });
    fabric.Image.fromURL("http://timeplusq.com/dakshin/clip03.png", function(obj) {
    canvas.add(obj.set({
        width: 294,
        hasControls: false,
        //cornerColor: 'green',cornerSize: 16,transparentCorners: false,
        selection: false,       
        lockRotation:false,
        //lockMovement: false,lockMovementY: false,lockMovementX: false,
        //lockUniScaling: false,lockScalingY:false, lockScalingX:false,
        hoverCursor: 'default',
        hasRotatingPoint: false,
        hasBorders: true,borderColor: 'red',borderSize: 2,
        transparentBorder: false,
        height: 294,
        angle: 0,
        cornersize: 10,
        left: 2, 
        top: 2
    }));
    canvas.setActiveObject(canvas.item(0));
    canvas.item(0).selectable = false;
    canvas.backgroundColor = 'rgba(0,0,255,0.3)';
    //img.bringToFront();
    canvas.renderAll();
    });

JSFIDDLE