在鉻瀏覽器中動態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>

來源

2012-07-10 user1502901

檢查鉻畫布設置在chrome：//標誌

確保「在所有網頁GPU合成」已禁用
確保「啓用加速的CSS動畫」已禁用

來源

2012-07-10 09:35:22

我檢查了。設置已被禁用。還有什麼可以做的？ – user1502901 2012-07-11 04:39:58

在鉻瀏覽器中動態JS旋轉的文本閃爍

回答

相關問題