Android 安卓4.1.2三星手机中的easeljs漏洞? 正文{页边距:0;} 隐藏 显示 $(函数(){ var_canvas=document.getElementById(“canvas”); _canvas.width=$(document.width(); _canvas.height=$(document).height()-150; _stage=newcreatejs.stage(_canvas); var ss=新建createjs.SpriteSheet({ 图片:[“/app/resource/image/trick/animation/cow_basketball/plower.png”,“/app/resource/image/trick/animation/cow_basketball/plowl.png”, 帧:{regX:0,regY:0,宽度:374,高度:200,计数:8}, 动画:{右:[0,3],左:[4,7]} }); var bitmap=new createjs.BitmapAnimation(ss); 位图x=0; 位图y=0; bitmap.scaleX=bitmap.scaleY=1; ss.getAnimation(“右”).next=“右”; ss.getAnimation(“左”).next=“左”; bitmap.gotoAndPlay(“右”); _stage.addChild(位图); createjs.Ticker.addEventListener(“勾号“,”勾号); createjs.Ticker.setFPS(10); var-right=true; 函数_tick(){ _stage.update(); 如果(!!正确){ 位图.x=位图.x+10; }否则{ bitmap.x=bitmap.x-10; } if(bitmap.x>$(document.width()){ 右=假; bitmap.gotoAndPlay(“左”); } if(位图.x
在这种情况下,android三星手机存在如下问题: 1.单击btn1以隐藏div 2.然后单击btn2以显示div(通常应为动态图片) 但此时页面上有一个静态图片停留在那里更多Android 安卓4.1.2三星手机中的easeljs漏洞? 正文{页边距:0;} 隐藏 显示 $(函数(){ var_canvas=document.getElementById(“canvas”); _canvas.width=$(document.width(); _canvas.height=$(document).height()-150; _stage=newcreatejs.stage(_canvas); var ss=新建createjs.SpriteSheet({ 图片:[“/app/resource/image/trick/animation/cow_basketball/plower.png”,“/app/resource/image/trick/animation/cow_basketball/plowl.png”, 帧:{regX:0,regY:0,宽度:374,高度:200,计数:8}, 动画:{右:[0,3],左:[4,7]} }); var bitmap=new createjs.BitmapAnimation(ss); 位图x=0; 位图y=0; bitmap.scaleX=bitmap.scaleY=1; ss.getAnimation(“右”).next=“右”; ss.getAnimation(“左”).next=“左”; bitmap.gotoAndPlay(“右”); _stage.addChild(位图); createjs.Ticker.addEventListener(“勾号“,”勾号); createjs.Ticker.setFPS(10); var-right=true; 函数_tick(){ _stage.update(); 如果(!!正确){ 位图.x=位图.x+10; }否则{ bitmap.x=bitmap.x-10; } if(bitmap.x>$(document.width()){ 右=假; bitmap.gotoAndPlay(“左”); } if(位图.x,android,canvas,html5-canvas,easeljs,Android,Canvas,Html5 Canvas,Easeljs,在这种情况下,android三星手机存在如下问题: 1.单击btn1以隐藏div 2.然后单击btn2以显示div(通常应为动态图片) 但此时页面上有一个静态图片停留在那里更多 所以,我的问题是这个bug是如何出现的以及如何避免这个bug?这看起来不像是与easeljs相关的,我在您的代码中注意到的唯一bug是: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <t
所以,我的问题是这个bug是如何出现的以及如何避免这个bug?这看起来不像是与easeljs相关的,我在您的代码中注意到的唯一bug是:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<script type="text/javascript" src="/js/lib.min.js"></script>
<style type="text/css">
body{margin: 0;}
</style>
</head>
<body>
<button id="btn1" style="width: 200px; height: 100px;">隐藏</button>
<button id="btn2" style="width: 200px; height: 100px;">显示</button>
<div id="box" style="display none;">
<canvas id="canvas"></canvas>
</div>
</body>
<script type="text/javascript">
$(function() {
var _canvas = document.getElementById("canvas");
_canvas.width = $(document).width();
_canvas.height = $(document).height() - 150;
_stage = new createjs.Stage(_canvas);
var ss = new createjs.SpriteSheet({
images: ["/app/resource/image/trick/animation/cow_basketball/ploughR.png", "/app/resource/image/trick/animation/cow_basketball/ploughL.png"],
frames: {regX: 0, regY: 0, width: 374, height: 200, count: 8},
animations: {right: [0, 3], left: [4, 7]}
});
var bitmap = new createjs.BitmapAnimation(ss);
bitmap.x = 0;
bitmap.y = 0;
bitmap.scaleX = bitmap.scaleY = 1;
ss.getAnimation("right").next = "right";
ss.getAnimation("left").next = "left";
bitmap.gotoAndPlay("right");
_stage.addChild(bitmap);
createjs.Ticker.addEventListener("tick", _tick);
createjs.Ticker.setFPS(10);
var right = true;
function _tick() {
_stage.update();
if(!!right) {
bitmap.x = bitmap.x + 10;
} else {
bitmap.x = bitmap.x - 10;
}
if(bitmap.x > $(document).width()) {
right = false;
bitmap.gotoAndPlay("left");
}
if(bitmap.x < -bitmap.spriteSheet._frameWidth) {
right = true;
bitmap.gotoAndPlay("right");
}
};
$("#btn1").on("click", function() {
$("#box").hide();
});
$("#btn2").on("click", function() {
$("#box").show();
});
});
</script>
</html>
应该是:
<div id="box" style="display none;">
因此,您缺少了一个冒号,这可能会有所帮助。感谢您的回答,但该错误不是由style=“display:none”引起的。如果删除div的样式,该错误仍然存在。隐藏后显示时会出现错误。静态图片停留在那里是什么意思?你是说这张照片显示的是同一张照片吗?
<div id="box" style="display: none;">