cordova - Tabris.js 手势事件平移

Question

我想将现有的带有 webview 的科尔多瓦游戏移植到 tabris.js。有一个画布，你可以在上面捏缩放，你可以移动画布。

var page = new tabris.Page({
    topLevel: true,
    title: "Canvas Test"
});

var canvas = new tabris.Canvas({
    centerX: 0, centerY: 0, width: 500, height: 500,
    background: "#234"
})
.on("resize", function (canvas, bounds) {
    const ctx = canvas.getContext("2d", bounds.width, bounds.height);
    ctx.beginPath();
    ctx.lineWidth = 50;
    ctx.arc(250, 250, 100, 0, 2 * Math.PI, false);
    ctx.strokeStyle = 'white';
    ctx.stroke();
}).appendTo(page);

canvas.on("pan", function (widget, event) {
    if (event.state === "change") {
        widget.set("transform", {
            translationX: event.translation.x,
            translationY: event.translation.y });
    }
});

page.open();

这是我尝试使用“平移”来移动画布。我可以移动画布，但是当我松开手指并再次尝试移动画布时，它会跳回起始位置。有谁知道我该如何解决？

Answer 1

pan 事件返回相对于当前位置的平移。因此，您必须将事件翻译添加到画布翻译中。