在铬浏览器中动态JS旋转的文本闪烁

问题描述：

我想旋转单击事件上的文本。它已经实现，但Google Chrome浏览器中的文字闪烁。它在Mozilla中正常运行。如何阻止文本的闪烁。我不想减慢旋转速度，并想以相同的速度旋转，所以我不想改变transition.Please帮助。代码是在铬浏览器中动态JS旋转的文本闪烁

<html> 
    <head> 
    <style> 
     body { margin: 0px; padding: 0px; } 
     canvas { border: 1px solid #9C9898; } 
    </style> 
    <script src="http://www.html5canvastutorials.com/libraries/kinetic-v3.10.2.js"></script> 
    <script> 
    window.onload = function() 
    { 
     var angle = 0; 
     var stage = new Kinetic.Stage(
     { 
      container: "container", 
      width: 578, 
      height: 200 
     }); 
     var layer = new Kinetic.Layer(); 
     var text = new Kinetic.Text(
     { 
      x:225, 
      y: 80, 
      text: "Simple", 
      fontSize: 12, 
      fontFamily: "Calibri", 
      textFill: "black" 
     });   
     text.on("click", function() 
     { 
      angle+=1 
      text.transitionTo(
      { 
       rotation:Math.PI*angle/2, 
       duration:1     
      }); 
     }); 
     layer.add(text); 
     stage.add(layer); 
    } 
    </script> 
</head> 
<body> 
    <div id="container"></div> 
</body> 
</html>

答

检查铬画布设置在chrome：//标志

确保“在所有网页GPU合成”已禁用
确保“启用加速的CSS动画”已禁用

我检查了。设置已被禁用。还有什么可以做的？ – user1502901 2012-07-11 04:39:58

在铬浏览器中动态JS旋转的文本闪烁

相关推荐