鏈枃浠嬬粛鐐硅禐+鍏虫敞+鏀惰棌=鎴戝浼氫簡鐢╟anvas寮€鍙戦」鐩€傞渶瑕佹粴鍔ㄧ缉鏀剧敾甯冪殑搴旇涓嶅湪灏戞暟锛屾瘮濡傚湴鍥俱€侳abric.js杩樻彁渚涗簡缂╂斁鐢诲竷鐨勫姛鑳姐€傛湰鏂囦富瑕佽瑙ｅ嚑绉嶈缃敾甯冨ぇ灏忕殑鏂规硶銆傝嚜宸卞仛涔嬪墠鍏堟煡鐪嬫枃妗ｃ€傛垜鎶婅繖绡囨枃绔犵浉鍏崇殑鏂囨。鏀惧湪杩欓噷mouse:wheel:婊氳疆浜嬩欢getZoom:鑾峰彇鐢诲竷褰撳墠鐨勭缉鏀剧骇鍒玸etZoom:璁剧疆鐢诲竷鐨勭缉鏀剧骇鍒珃oomToPoint:璁剧疆鐢诲竷鐨勭缉鏀炬瘮渚嬪拰缂╂斁鍘熺偣鐨勫簲鐢ㄥ満鏅痵etZoom鍜寊oomToPoint鏄笉鍚岀殑銆傚叆闂ㄥ湪浣跨敤缂╂斁鍔熻兘涔嬪墠锛岄鍏堣鍒濆鍖栫敾甯冦€傛垜杩樺湪鐢诲竷涓婅缃簡鑳屾櫙鍥惧儚锛屼互渚夸簬鏌ョ湅銆?canvasid="canvasBox"width="600"height="600"style="border:1pxsolid#ccc;">缂╂斁鐢诲竷锛堜互宸︿笂瑙掍负鍘熺偣锛変互宸︿笂瑙掍负鍘熺偣缂╂斁鐢诲竷銆傛帹鑽愪娇鐢╣etZoom鍜宻etZoom鐨勭粍鍚堛€俫etZoom鍙互鑾峰彇鐢诲竷褰撳墠鐨勭缉鏀剧骇鍒紝骞朵娇鐢╯etZoom璁剧疆鏂扮殑缂╂斁绾у埆銆傛墍浠ユ垜鍦ㄩ〉闈笂娣诲姞浜?涓寜閽紝涓€涓斁澶э紝涓€涓缉灏忋€?div>
