Ich möchte, dass ein Prozess erstellt wird, bei dem die Benutzer ihre Bilder hochladen und sie dann im Browser in einem Canvas mit Fabric.js bearbeiten können, indem einige Schaltflächen verwendet werden. -Wich verwendet Fabric.js, um einige Effekte hinzuzufügen-.

Ich kann es nicht zum Laufen bringen. Mein HTML ist:

<form id="uploadImg" runat="server">
  <input type="file" id="uploadedImg"/>
</form>
<canvas id="canvas"></canvas>

Das Javascript ist das folgende:

var canvas = new fabric.Canvas('canvas');
canvas.setHeight(480);
canvas.setWidth(640);

$('#uploadedImg').change(function () {
    var imgData = $(this).files[0];
    fabric.util.loadImage(imgData, function(img) {
        var oImg = new fabric.Image(img);
        oImg.scale(0.2).set({
            left: 100,
            top: 100,
        });
    canvas.add(oImg);
    });
});