图像未显示/损坏在安卓手机上

Question

我正在尝试用立方体制作一些简单的游戏，我制作了一个 2 个图像数组，例如 show down，在我的代码中，我将"kockice"显示为起始图像，稍后在我的视图中单击按钮，我将它们替换为"zkockice"，中间有$timeout一个动画.gif （看起来像洗牌）， 在铬中看起来都很棒， 但是，当我去 Ionic 运行 android 并在我的手机上模拟时（android），它会显示损坏的图像，那么是否存在一些资源问题或其他问题？

var kockice = new Array();
      kockice[0] = new Image();
      kockice[0].src = "/img/1.jpg";
      kockice[1] = new Image();
      kockice[1].src = "/img/2.jpg";
      kockice[2] = new Image();
      kockice[2].src = "/img/3.jpg";
      kockice[3] = new Image();
      kockice[3].src = "/img/4.jpg";
      kockice[4] = new Image();
      kockice[4].src = "/img/5.jpg";
      kockice[5] = new Image();
      kockice[5].src = "/img/6.jpg";
      var zkockice = new Array();
      zkockice[0] = new Image();
      zkockice[0].src = "/img/k1.jpg";
      zkockice[1] = new Image();
      zkockice[1].src = "/img/k2.jpg";
      zkockice[2] = new Image();
      zkockice[2].src = "/img/k3.jpg";
      zkockice[3] = new Image();
      zkockice[3].src = "/img/k4.jpg";
      zkockice[4] = new Image();
      zkockice[4].src = "/img/k5.jpg";
      zkockice[5] = new Image();
      zkockice[5].src = "/img/k6.jpg";
      var anim = "/img/anim.gif";
//here's the view, it shows starting images, but when on-click happens images get broken (in time when they have to change)
div class="row">
  <div class="col" id="k1"><img ng-src="img/1.jpg" ng-click="promjeni1()" id="sk1"></div>
  <div class="col" id="k2"><img ng-src="img/2.jpg" ng-click="promjeni2()" id="sk2"></div>
  <div class="col" id="k3"><img ng-src="img/3.jpg" ng-click="promjeni3()" id="sk3"></div>
  <div class="col" id="k4"><img ng-src="img/4.jpg" ng-click="promjeni4()" id="sk4"></div>
  <div class="col" id="k5"><img ng-src="img/5.jpg" ng-click="promjeni5()" id="sk5"></div> 
</div>

Answer 1

我也有这个问题。只需取下.src前面的/