javascript - 使用 sketch.js 自动绘图

Question

我正在使用 sketch.js 在 Canvas 上绘图的项目。有一种情况我需要进行自动绘图:也就是说，我需要一种方法来提供两组坐标 - 一组用于移动到哪里，另一组用于绘制到哪里 - 并让 sketch.js 来绘制结果线。有任何想法吗？我认为 startPainting() 是一个起点，但我不知道如何发送坐标。谢谢!

Answer 1

Sketch.js 将 Canvas 上发生的所有绘图操作存储在名为 actions 的变量中。

因此，您可以手动初始化一个 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();
}