0

クリックイベントでテキストを回転させようとしています。それは達成されましたが、Google Chrome で回転するとテキストがちらつきます。Mozilla では問題なく動作します。このテキストのちらつきを止める方法。回転を遅くしたくないし、同じ速度で回転したいので、遷移の期間を変更したくない.助けてください. コードは

<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>
4

1 に答える 1

0

chrome：//flagsでchromeCanvasの設定を確認してください

「すべてのページでのGPU合成」が無効になっ
ていることを確認します「高速CSSアニメーションを有効にする」が無効になっていることを確認します

于 2012-07-10T09:35:22.290 に答える