2012-07-10 2 views
0

click 이벤트에서 텍스트를 회전하려고합니다. 달성되었지만 Google 크롬에서 순환 게재시 텍스트가 깜박입니다. 그것은 모질라에서 잘 작동합니다. 텍스트의 깜박임을 멈추는 방법. 나는 회전 속도를 늦추고 동일한 속도로 회전을하고 싶지 않으므로 전환 기간을 변경하고 싶지 않습니다. 도움을 청하십시오. 코드는크롬 브라우저의 kinetic 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> 

답변

0

크롬에서 크롬 캔버스 설정을 확인하다 : // 플래그

"모든 페이지에서 GPU 합성이"
"가속 CSS 애니메이션을 사용"있는지 확인 비활성화되어 있는지 확인 불가능

+0

나는 그것을 검사했다. 설정이 이미 비활성화되었습니다. 그 밖에 할 수있는 일은 무엇입니까 ?? – user1502901

관련 문제