1

Kineticjs 4.3.3 を使用しようとしています。グラフィック イメージを作成し、親 div にドラッグできますが、親 div のスタイル プロパティでスケーリングが設定されている場合は機能しません (例はhttp://jsfiddle.net/kreavie/MZSE9/を提供)。スケーリングが以前に設定されているときに、ドラッグを機能させる方法を知っている人はいますか?

ありがとう、krlib

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <script src="http://www.html5canvastutorials.com/libraries/kinetic-v4.3.0-beta2.js"></script>
    <script type="text/javascript">


 window.onload = function () {

        var par = document.getElementById('frame');
        var canvas = document.createElement('div');
        canvas.id = "canvas1";
        par.appendChild(canvas);


        var stage = new Kinetic.Stage({
            container: 'canvas1',
            width: 500,
            height: 500
        });

        var layer = new Kinetic.Layer();
        var triangle = new Kinetic.Polygon({
            stroke: "red",
            strokeWidth: 4,
            points: [60, 100, 90, 100, 90, 140],
            draggable: true
        });

        layer.add(triangle);
        stage.add(layer);


    }
    </script>

</head>
<body >

     <div id="frame" style="width: 200px; height: 200px; -ms-transform: scale(0.420091);">
                  </div>

</body>
</html>
4

1 に答える 1

0

参照: http://jsfiddle.net/MZSE9/2/

オブジェクトは、スケーリングを適用する別の div ではなく、canvas 要素に対してローカルです。

オブジェクト、レイヤー、またはステージ全体をスケーリングする場合は、次のようにします。

 shape.setScale(xAmount, yAmount);
 stage.setScale(xAmount, yAmount);
 layer.setScale(xAmount, yAmount);
于 2013-02-28T16:19:38.843 に答える