Javascript 使用KineticJS反弹图像球

我刚开始使用KineticJS库，并一直在使用它创建形状等。。然而，我正在努力创建一个带有我自己图像的自定义圆。我尝试过使用fillPattern，但它根本不能正确缩放/居中。我是要使用自己的圆形图像还是矩形图像，然后让KineticJS来处理事情

给我一点背景知识：我想要的是3个球弹起，然后落在原地

---

欢迎您提供任何建议。

将其分类。。。需要偏移值

          var ball = new Image();
          ball.src = 'ball2.jpg';
          ball.height = 230;
          ball.width = 230;

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

              var circle = new Kinetic.Circle({
                  x: 300,
                  y: 300,
                  radius: 115,
                  fillPatternImage: ball,
                  fillPatternOffset :{
                      x: -115,
                      y: -115
                  }
              });

              var layer = new Kinetic.Layer();

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

              // add the layer to the stage
              stage.add(layer);

              ball.onload = function () {
                  stage.draw();
              }