鏈枃浠嬬粛鐐硅禐+鍏虫敞+涔︾=鎴戝湪銆奆abric.js 浣跨敤绾壊閬尅鐢诲竷銆嬪浼氫簡鐢ㄧ函鑹茶鐩栫敾甯冦€傚鏋滀綘甯哥敤鐨勯渶瑕佺敤鍥剧墖瑕嗙洊锛宖abric.js涔熸彁渚涗簡鐩稿簲鐨勫睘鎬ф潵閰嶇疆銆備娇鐢ㄥ浘鍍忔瘮鐢ㄧ函鑹茶鐩栫敾甯冩洿澶嶆潅銆傚洜涓哄浘鐗囨湰韬槸鏈夊昂瀵哥殑锛屾墍浠ヤ綘鍙兘浼氶亣鍒扮缉鏀剧敾甯冨拰骞崇Щ鐢诲竷绛夋搷浣溿€傚浜庣函鑹诧紝涓嶉渶瑕佸叧蹇冭壊鍧楃殑澶у皬銆傛棤璁轰綘鎶婂畠绉诲姩鍒板摢閲岋紝濡備綍缂╂斁瀹冮兘鏄叏灞忥紙鏁翠釜鐢诲竷锛夌函鑹层€傜敤鍥剧墖瑕嗙洊鐢诲竷濡傛灉闇€瑕佺敤鍥剧墖瑕嗙洊鐢诲竷锛屽彲浠ヨ缃敾甯冪殑overlayImage灞炴€э紝浼犲叆鐨勫€间负鍥剧墖鍦板潃銆傛偍鍙互浣跨敤缃戠粶鍥惧儚鎴栨湰鍦板浘鍍忋€傜被浼间簬backgroundImage鐨勭敤娉曘€?canvasid="canvasBox">鍦ㄨ繖涓緥瀛愪腑锛岀敾甯冧笂搴旇鏈変竴涓煩褰紝鑳屾櫙棰滆壊涔熷簲璇ユ槸绾㈣壊銆備絾鏄缃簡overlayImage锛屾墍浠ユ暣涓敾甯冮兘琚浘鍍忚鐩栦簡銆侽verlayImage鍜宱verlayColor涓€鏍凤紝鍙互瑕嗙洊鐢诲竷涓婄殑鎵€鏈夊厓绱狅紝姣斿鑳屾櫙鍥剧墖銆佽儗鏅壊銆佸浘褰㈢瓑鍏冪礌銆傚彔鍔犲浘鍍忎笉鍙楄鍙ｅ彉鎹㈢殑褰卞搷銆傜敱浜庡浘鐗囨槸鏈夊ぇ灏忕殑锛屽鏋滀綘鍦烘櫙涓殑鐢诲竷鍙互缂╂斁鎴栬€呮嫋鍔紝灏变細鍑虹幇涓嬪浘鐨勬晥鏋溿€傝鐩栧浘鍍忔寜姣斾緥缂╁皬鎴栫Щ鍔ㄥ悗锛屾樉绀鸿儗鏅壊锛堢孩鑹诧級銆傚鏋滄偍涓嶅笇鏈涘彔鍔犲眰鍙楀埌缂╂斁鍜屽钩绉荤瓑鎿嶄綔鐨勫奖鍝嶏紙涓嶅彈瑙嗗彛鍙樻崲鐨勫奖鍝嶏級锛屾偍鍙互灏唎verlayVpt璁剧疆涓篺alse銆?canvasid="canvasBox">鎰熻鏈夌偣鍍忋€奆abric.js 閿佸畾鑳屾櫙鍥撅紝涓嶅彈缂╂斁鍜屾嫋鎷界殑褰卞搷銆嬮噷璇寸殑锛屽~鎵€浠ュ綋浣犵湅鍒癴abric.js鐨勭浉鍏冲睘鎬у拰鏂规硶鍚嶄腑鍑虹幇Vpt鐨勬椂鍊欙紝寰堟湁鍙兘鏄拰瑙嗗彛鏈夊叧銆傛洿鐏垫椿鐨勬搷浣滄柟娉晄etOverlayImage浣跨敤setOverlayImage鏀寔鏇村鐨勯厤缃€俿etOverlayImage(image,callback,optionsopt)鎺ユ敹3涓弬鏁癷mage:鍥剧墖瀹炰緥鎴杣rlcallback:鍥炶皟鍑芥暟(涓昏鏄缃悗鍒锋柊鐢诲竷)optionsopt:杩欎釜鍙€夛紝涓嶅～涔熸病鍏崇郴锛屽～瀹屽悗锛屾偍鍙互璁剧疆鍥惧儚鐨勯厤缃€?/鐪佺暐閮ㄥ垎浠ｇ爜originX鍜宱riginY涔嬪锛岃繕鍙互璁剧疆top銆乴eft銆乷pacity銆乤ngle绛夊弬鏁般€傛洿澶氱敤娉曡鏌ョ湅浠ｇ爜搴撱€備唬鐮佷粨搴撯瓙overlayImage鍜宱verlayVpt猸恠etOverlayImage鎺ㄨ崘闃呰馃憤銆奆abric.js 浠庡叆闂ㄥ埌_ _ _ _銆嬸煈嶃€奆abric.js 鎺у埗鍏冪礌灞傜骇銆嬸煈嶃€奆abric.js 涓婂垝绾裤€佷腑鍒掔嚎锛堝垹闄ょ嚎锛夈€佷笅鍒掔嚎銆嬸煈嶃€奆abric.js 婵€娲昏緭鍏ユ銆嬸煈嶃€奆abric.js 杈撳嚭绮剧畝鐨凧SON銆嬸煈嶃€奆abric.js IText 鎵嬪姩璁剧疆鏂滀綋銆嬬偣璧?鍏虫敞+涔︾=瀛︿範浜嗕唬鐮佷粨搴?/p>
