2

默认情况下，Kineticjsv4.0.5 不支持图像边框，因此.showBorder()会.hideBorder()导致错误提示

未捕获的类型错误：对象 # 没有方法“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 回答