0

jquery の jcanvas プラグインの最新バージョンを使用しています。オブジェクトを回転すると、x と y が変化するはずですが、変化しません。これらのプロパティをリセットするには、何らかのメソッドを呼び出す必要がありますか? jquery と jcanvas を参照するスクリプト タグは省略しました。

    <head>
        <style type="text/css">
            canvas { border: 1px solid black; width: 400px; height: 400px; margin: 0 auto; }
        </style>

        <script type="text/javascript">

            $(function() {
                var cfg = {
                    strokeStyle : "#000",
                    strokeWidth : 1,
                    fillStyle : "#FF7400",
                    group : "objects",
                    cursor : "pointer",
                    x : 100, 
                    y : 100,
                    width : 40,
                    height : 200,
                    fromCenter : false,
                    cornerRadius : 5,
                    layer : true,
                    draggable : true,
                    bringToFront : true,
                };

                $("#mine").drawRect(cfg);

                console.log($("#mine").getLayer(0).x);
                console.log($("#mine").getLayer(0).y);

                $("#mine").animateLayer(0, {
                    rotate : "+=90",
                }, "fast");

                console.log($("#mine").getLayer(0).x);
                console.log($("#mine").getLayer(0).y);
            });

        </script>
    </head>
    <body>
        <div id="wrap">
            <canvas width="400" height="400" id="mine">

            </canvas>
        </div>
    </body>
4

1 に答える 1

0

@ Asad、2012年12月29日21:50の応答で、「。restoreCanvas（）」呼び出しで何を達成しようとしていましたか？あなたのコードを使った私のテスト（LinuxのChromium23.0.1271.97とFF17.0.1の両方）では、それがあなたが説明したマウスオーバーの振る舞いを引き起こした行でした。そのメソッドに関する@Caleb531のドキュメントは次のとおりです。http：//calebevans.me/projects/jcanvas/docs.php？p = restoreCanvas

于 2013-01-04T21:20:40.900 に答える