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 安卓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

在这种情况下,android三星手机存在如下问题: 1.单击btn1以隐藏div 2.然后单击btn2以显示div(通常应为动态图片) 但此时页面上有一个静态图片停留在那里更多


所以,我的问题是这个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;">