21 canvas事件監聽

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>21-canvas事件監聽
title
>
6<
style
>7*
11canvas
16style
>
17head
>
18<
body
>
19<
canvas 
width
="500"
height
="400"
>
canvas
>
20<
script
>
21/*
22因為整個canvas是乙個標籤, 所以只能通過監聽滑鼠在canvas上的位置來判斷是否需要處理對應的圖形
23* 
*/24
//1.拿到canvas
25let ocanvas 
=document.queryselector(
"canvas");
26//
2.從canvas中拿到繪圖工具
27let octx 
=ocanvas.getcontext("2d
");28//
3.繪製矩形
29let rectx 
=100;30
let recty 
=100;31
let rectwidth 
=100;32
let rectheight 
=100;33
octx.rect(rectx, recty, rectwidth, rectheight);
34octx.fill();
3536
octx.beginpath();
37octx.rect(
200, 
200, 
100, 
100);
38octx.fill();
39//
4.新增點選事件
40ocanvas.onclick 
=function
(event) else
50*/
51/*
52注意點:
53ispointinpath方法如果開啟了乙個新的路徑, 那麼判斷的就是點是否在新的路徑的圖形中
54* 
*/55
console.log(octx.ispointinpath(x, y));56}
57script
>
58body
>
59html
>

spring 事件監聽

用乙個簡單的例子來實現spring事件監聽的功能 這個例子主要功能是，記錄那些使用者是第一次登入系統，如果使用者是第一次登入系統，則呼叫spring的事件監聽，記錄這些使用者。主要用到的spring的類和介面有 這兩者構成了觀察者模式 observer 下面讓我們來看下實現 private stri...

Redis 事件監聽

需求 要統計乙個頁面的訪問人數，如果訪問量大時，頻繁讀寫資料庫，而且操作的是同乙個資料，可能會對效能造成影響。解決 把資料放在快取中，定期和資料庫同步，設定容器關閉 關閉容器前，將資料同步到資料庫。現在系統中快取用的是redis。redis一般的應用是提供查詢效率，很少更新，更新也是直接更新資料庫，...

SpringBoot事件監聽

springboot事件監聽機制 spring boot在啟動過程中增加事件監聽機制，為使用者功能拓展提供極大的便利。springboot支援四種事件監聽型別 spring boot啟動開始時執行的事件 spring boot 對應enviroment已經準備完畢，但此時上下文context還沒有建...