CreateJs Canvas 形状在 Windows Phone 上失去坐标
Posted
技术标签:
【中文标题】CreateJs Canvas 形状在 Windows Phone 上失去坐标【英文标题】：CreateJs Canvas's shape losses its co-ordinates on Windows Phone 【发布时间】：2014-06-13 15:31:14 【问题描述】：我正在制作一个 Createjs 和 html5 项目，在该项目中我正在绘制一个形状（红色圆圈），当我点击圆圈时它会发出警报。它适用于所有台式机和安卓手机。除了当我在 Windows 手机中打开它时，它在普通屏幕上工作正常，但是当我缩放屏幕时它会失去工作，当我点击屏幕上的任意位置时会显示一个警报（可能是形状的坐标所在的位置）但不是当我点击形状（圆形）时， 感谢您的帮助
我的演示.html
<!DOCTYPE html>
<html>
<head><title></title>
<script type="text/javascript" src="createjs-2013.12.12.min.js"></script>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function init()
var stage = new createjs.Stage("demoCanvas");
var circle = new createjs.Shape();
createjs.Touch.enable(stage);
circle.graphics.beginFill("red").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;
circle.addEventListener("click", function(evt) /*$("span#log").text(circle.x);*/ alert('clicked'); );
stage.addChild(circle);
stage.update();
</script>
</head>
<body onLoad="init();">
<span id="log"></span>
<br>
<canvas id="demoCanvas" >
alternate content
</canvas>
</body>
</html>..
Here's the project
【问题讨论】：
看起来很像***.com/questions/19246361/… 先生，我的问题不同。 @dystroy 回答比编辑好 【参考方案1】：不确定这是否相关，因为没有查看示例代码，但我认为 createjs.Touch.enable 适用于 Stage 实例而不是 DisplayObjects
See here
【讨论】：
很好。但对我没有帮助【参考方案2】：我对这个话题做了很多研究，最后我发现这是 IE11 中的BUG。希望微软能帮助解决这个问题。
【讨论】：
以上是关于CreateJs Canvas 形状在 Windows Phone 上失去坐标的主要内容，如果未能解决你的问题，请参考以下文章
CreateJS / EaselJS 具有特定尺寸形状的奇怪性能
Adobe Animate CC Canvas (CreateJS) 矢量图形在放大时变得模糊
chrome 版本从 70 升级到 71 后 CreateJS/Canvas 文本位置发生变化
canvas 动画库 CreateJs 之 EaselJS（上篇）