Canvas上的CreateJS / DOMElement - Safari 10.1上的Bug

时间:2017-05-09 18:36:38

标签: canvas createjs

在缩放DOMElement时,它会一直模糊,直到它完全脱离画布(在Safari上看到错误,但Chrome上没有错误,Edge上没有错误) 检查以下代码:

  <canvas id="canvas" width="150" height="150" style='border: solid 2px black'></canvas>
  <script>
  var stage = new createjs.Stage("canvas");
  var html = document.createElement('div');
  html.innerHTML = "Test";
  html.style.height = '50px';
  html.style.width = '50px';
  html.style.top = 0;
  html.style.left = 0;
  document.body.appendChild(html);

  var gg = new createjs.DOMElement(html);
  gg.x = 0; gg.y = 0;
  stage.addChild(gg);
  stage.update();
  createjs.Tween.get(gg).to({x:300, scaleX:8, scaleY:8}, 1500);//, createjs.Ease.quadInOut);
  createjs.Ticker.addEventListener("tick", stage);
  </script>

重要说明:如果DOMElement位于画布后面(透明画布),它永远不会模糊。

0 个答案:

没有答案