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 上的 Chromium 23.0.1271.97 和 FF 17.0.1 上),这就是导致您描述的鼠标悬停行为的行。这是@Caleb531 关于该方法的文档: http ://calebvans.me/projects/jcanvas/docs.php?p=restoreCanvas

于 2013-01-04T21:20:40.900 回答