Automatische Zeichnung mit sketch.js

Question

Ich benutze sketch.js für ein Projekt auf einer Leinwand zu zeichnen. Es gibt einen Fall, in dem ich eine automatische Zeichnung machen muss: das heißt, ich brauche eine Möglichkeit, zwei Sätze von Koordinaten zuzuführen - einen für den Ort, an den ich mich bewegen soll, und den anderen, um dorthin zu zeichnen - und sketch.js zu haben resultierende Zeile. Irgendwelche Ideen? Ich denke, dass startPainting() ein Ort zum Starten ist, aber ich weiß nicht, wie ich die Koordinaten senden soll. Vielen Dank!

Answer 1

In Sketch.js werden alle Zeichenaktionen gespeichert, die auf der Zeichenfläche in einer Variablen namens actions auftreten.

So können Sie eine Aktion von Hand initialisieren und diese zum Array hinzufügen und die Skizze neu zeichnen.

Beispielfunktion:

function drawLine(xFrom, yFrom, xTo, yTo) { 
    //get the sketch instance - assumes that your canvas has an id 'simple_sketch' 
    var s = $('#simple_sketch').sketch(); 
    //initialize the draw action 
    var action = { 
     color: "#000000", 
     events: [{event: 'mousedown', x: xFrom, y: yFrom}, {event: 'mouseup', x: xTo, y:yTo}], 
     size: 5, 
     tool: "marker" 
    }; 
    //push it to the actions array 
    s.actions.push(action); 
    //redraw the sketch 
    s.redraw(); 
}