在缩放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位于画布后面(透明画布),它永远不会模糊。