基于sketch.js的自动绘图

Question

我使用sketch.js在画布上绘制一个项目。有一种情况是，我需要进行自动绘图:也就是说，我需要一种方式来输入两组坐标--一组用于移动到哪里，另一组用于绘制到哪里--并让sketch.js绘制结果线。有什么想法吗？我认为startPainting()是一个可以开始的地方，但是我不知道如何发送坐标。谢谢!

Answer 1

Sketch.js将发生在画布上的所有绘图操作存储在一个名为action的变量中。

因此，您可以手动初始化一个操作，并将其添加到数组中，并重新绘制草图。

示例功能：

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();
}