【问题标题】:KineticJS click on right side of Rect not working in ChromeKineticJS 单击 Rect 的右侧在 Chrome 中不起作用
【发布时间】:2017-11-28 04:54:30
【问题描述】:

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

【问题讨论】:

    标签: javascript google-chrome kineticjs


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-24
      • 1970-01-01
      • 1970-01-01
      • 2018-04-10
      • 1970-01-01
      • 2018-09-27
      相关资源
      最近更新 更多