參考
https://konvajs.org/docs/sandbox/Canvas_Context_Menu.html
他是用div的方式,我是想用canvas的方式。
目前小弟遇到一個問題是我想透過點擊canvas時彈出menu在我點擊的附近
,但他會因為我按ctrl+滑鼠滾軸 造成縮放網頁時menu出現的位置因此會跑掉,請問該如何著手解決這問題?
javascript 的部份,其他跟原文給的程式碼一樣
canvas.onclick = function(e) {
var rect = this.getBoundingClientRect(),
x = e.clientX - rect.left,
y = e.clientY - rect.top,
if (ctx.isPointInPath(x, y)){
$("#menu").fadeIn(200);
$("#menu").css({"top":+y+"px"});
$("#menu").css({"left":+x+"px"});