2011-11-01 6 views
1

enter image description hereHTML5 캔버스에서 툴팁을 구현하는 방법

나는 이것을 HTML 5 캔버스를 사용하여 그렸다. 사용자 사진을 클릭 할 때 툴팁을 표시해야합니다.

var kin = new Kinetic("myCanvas"); 

    kin.setStage(function(){ 
     var context = kin.getContext(); 
     kin.beginRegion(); 

     // draw rectangular region including photo 
     context.beginPath(); 
     context.rect(X + 50, Y + 50, 62, 72); 
     context.closePath(); 


     kin.addRegionEventListener("mouseover", function(){ 
     document.body.style.cursor = "pointer"; 



     }); 
    } 

도와주세요.

답변

0

http://www.html5canvastutorials.com/advanced/html5-canvas-image-mouseover/

으로 지금까지 '툴팁'로 - 직사각형에 텍스트를 그리거나 설계에 적합 뭔가.

그런 다음 마우스 아웃시 영역을 지 웁니다.

+0

답변의 링크가 끊어졌습니다. –

+1

@MohammadUsman -이 답변이 게시되었을 때 서 있던 링크 (6 년 전) : https://web.archive.org/web/20111211050528/http://www.html5canvastutorials.com/advanced/html5-canvas-image - 마우스 오버 / –

관련 문제