Question

$(newCanvas).mouseover( function(e) { 
    ux= x1;// where user click 
    uy = y1; 
    if( ux >=arrObjectDetail[i].pox && ux <= (arrObjectDetail[i].pox + arrObjectDetail[i].width)&& uy >= arrObjectDetail[i].poy && uy <= (arrObjectDetail[i].poy +arrObjectDetail[i].height) ) {
        $(newCanvas).css('cursor', 'pointer'); } 
    else {
        $(newCanvas).css('cursor', 'default'); 
    }  
 );

在鼠标悬停事件中，我想使用JQUERY和HTML5将手形光标显示为矩形而不是整个画布。

Answer 1

试试这个：

$(newCanvas).mouseover( function(event) { 
    uX = event.layerX; // or event.offsetX for Opera
    uY = event.layerY; // or event.offsetY for Opera
    if(uX > rectX && uX < (rectX + rectWidth) &&
       uY > rectY && uY < (rectY + rectHeight)){
        $(newCanvas).css('cursor', 'pointer'); 
    } else {
        $(newCanvas).css('cursor', 'default'); 
    }  
 });

我不确定您的ux=x1和uy=y1内容是什么。你永远不会从事件本身获得x和y位置，这就是为什么它永远不会起作用。

在HTML5中动态创建Canvas创建的矩形现在想要将手形光标仅添加到矩形

1 个答案: