Question

在Chrome中，以下内容在绘制时看起来没问题，并且大多数时候单击Rect工作，但是在矩形的右侧附近单击似乎不起作用。有任何想法吗？（修改“./_js/library”以指向您的KineticJS副本。）

Firefox和IE10似乎没问题。

<!DOCTYPE html>
<html>
 <head>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="./_js/library/kinetic-v5.0.0.js"></script>
  <script type='text/javascript'>

   var OnLoad = function(){
    var kstage = new Kinetic.Stage(   {'container':'divContainer' ,'width':800 ,'height':200}   );
    var klayer = new Kinetic.Layer();
    var krect  = new Kinetic.Rect( {'fill':'#DDFFDD' ,'x':0 ,'y':0 ,'width':790 ,'height':100} );
    krect.on(   'click'   ,function(a){ 
      jQuery('#divResult').text( 'Clicked: '+ kstage.getPointerPosition().x ); 
    });
    klayer.add( krect  );
    kstage.add( klayer );
   }
   jQuery(window)['load']( OnLoad );
  </script>
 </head>
 <body>
  <div id="divContainer" width=800 height=200 style="border:1px solid #FF0000"></div>
  <div id="divResult">Hello</div>
 </body>
</html>

Answer 1

仅供参考：原来是KineticJS中的一个错误，现已修复。

KineticJS点击Rect右侧不在Chrome中工作

1 个答案: