2

デフォルトでは、Kineticjsv4.0.5 は画像の境界線をサポートしていないため.showBorder()、次.hideBorder()のようなエラーが発生します。

キャッチされていない TypeError: オブジェクト # にはメソッド 'showBorder' がありません

しかし、Image Plugin v1.0.1 JavaScript ファイルをインクルードすると、ゲームがまったく表示されず、FireBug はエラーをまったく報告しませんでした。

また、githubでイシューを開始しました。

よろしく、

4

1 に答える 1

3

このコードを試してください

<!DOCTYPE HTML>
<html>
  <head>
    <script src="http://www.html5canvastutorials.com/libraries/kinetic-v4.0.5.js"></script>

    <script>
      window.onload = function() {
        var stage = new Kinetic.Stage({
          container: "container",
          width: 578,
          height: 200
        });
        var layer = new Kinetic.Layer();

        var imageObj = new Image();
        imageObj.onload = function() {
            var yoda = new Kinetic.Image({
            x: 140,
            y: stage.getHeight() / 2 - 59,
            image: imageObj,
            width: 106,
            height: 118,
            stroke:"Red",
            strokeWidth:5
          });

          // add the shape to the layer
          layer.add(yoda);         

          // add the layer to the stage
          stage.add(layer);
          yoda.on('mouseover', function() {
                yoda.setStrokeWidth("Transparent");
                yoda.setStroke(0);
                layer.draw();
            });
        };
        imageObj.src = "http://www.html5canvastutorials.com/demos/assets/yoda.jpg";
      };    
    </script>
  </head>
  <body>
    <div id="container"></div>
  </body>
</html>
于 2012-11-09T09:59:39.467 に答える