0
在Chrome中,繪製時以下看起來不錯,並且在大多數情況下點擊Rect工程,但點擊矩形右側附近似乎沒有工作。有任何想法嗎? (修改「./_js/library」指向您的KineticJS副本)。KineticJS點擊Rect的右側不能在Chrome中工作
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>