分享乙個在canvas中的點選事件

2021-08-04 13:43:38 字數 644 閱讀 2811

網上看到許多寫的canvas中事件,不勝其煩,覺得寫的也不知道是什麼

html

js

let canvas = document.getelementbyid('mycanvas'),

ctx = canvas.getcontext('2d')

//儲存所畫圖形區域

//let tempxy = ,

let clickxy =

//圖形1

ctx.fillrect(0,0,100,100)

clickxy.push()

//圖形2

ctx.fillrect(150,150,100,100)

clickxy.push()

canvas.addeventlistener('click', function(e)

}}, false)

可執行圖形

順便給大家推薦乙個超好用的php整合環境,phpenv

乙個canvas中strokeStyle的疑問

這個效果是圓弧是紅色,但是如果strokestyle在後面,就不會顯示紅色。為什麼?cans.linewidth 10 cans.stroke cans.strokestyle red canvas中的常用命令 canvas畫布設定width和height,裡面的xy是相對畫布的左上角開始0,0.l...

點選乙個按鈕,彈出乙個視窗

在calculator視窗的button1按鈕執行呼叫乙個mycalc類的視窗。void ccalculatordlg onbnclickedbutton1 幾個函式 1.getdlgitem dlg 對話窗,乙個控制項。根據乙個對話窗或乙個控制項的id,返回乙個指向這個對話窗或控制項的物件的指標。...

Canvas 實現乙個時鐘

使用canvas實現另乙個小時鐘,效果圖如下 前端html canvas not supported 下面是example.js的具體實現 var canvas document.getelementbyid canvas var context canvas.getcontext 2d var f...