Question

我是构建Metro Apps的新手。我只想创建一个新的Rectangle，并从位置x = 0

开始

但是使用我的代码，似乎在绘制第一个矩形之前调用了x + = 10。但我不知道我怎么能改变这个......有人可以帮帮我吗？

(function () {
    "use strict";

    var app = WinJS.Application;
    var activation = Windows.ApplicationModel.Activation;
    WinJS.strictProcessing();

    var x = 0;
    var y = 0;

    function Clock(context) {

        context.fillRect(x, y, 9, 9);
        context.fillStyle = "red";

        x += 10;
    }

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
                var canvas = document.getElementById("uhr");
                var context = canvas.getContext("2d");

                setInterval(function () { Clock(context) }, 1000);


            } else {

            }
            args.setPromise(WinJS.UI.processAll());
        }
    };

    app.oncheckpoint = function (args) {

    };


    app.start();
})();

Answer 1

尝试将Clock（）内的x和y值存储在临时和本地范围的变量中。

function Clock(context) {
    var tmpX = x;
    var tmpY = y;
    context.fillRect(tmpX, tmpY, 9, 9);
    context.fillStyle = "red";

    x += 10;
}

Answer 2

我已经用context.fill（）;在做x + = 10之前;。

Win8 Metro App setInterval Javascript

2 个答案: