如何正确地将断头台转换为画布

Question

我正在尝试使用this插件并在每次图像更改时转换为画布。

我不理解的是，当我执行所有角度（同时）时，图像会以良好的方式解决。

var a = [0, 90, 180, 270];
a.forEach(function(angle) {
    data.angle = angle;
    _canvas(data, function(element) {
        callback(element);
        response.append(element);
    });
});

但是当我只使用控件时，imagem只是不符合prev示例的相同结果。

_canvas(data, function(element) {
  callback(element);
  response.append(element);
});

我有代码here，您可以切换注释（第100-115行）以查看我正在谈论的结果。

感谢您的帮助。

Answer 1

问题解决了。

我尝试做的是使用this。每次我认为这个例子都破了，所以我很难解决画布绘图计算。

今天，回到那个链接，我想出来了：

$('#sample_picture');

和

$('#original_picture');

必须是两个不同的元素，而不是一次使用两次。

无论如何，如果有人需要画布使用这个插件here is一个例子，这次也可以。