【发布时间】: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