鏈枃浠嬬粛鐐硅禐+鍏虫敞+鏀惰棌=瀛︿範浜嗕箣鍓嶆湁宸ュ弸鐣欒█锛歠abric.js濡備綍淇濆瓨鍏冪礌鐨勮嚜瀹氫箟灞炴€э紵渚嬪锛屽垱寤轰竴涓叿鏈夎嚜宸辩殑ID灞炴€х殑鐭╁舰锛屼絾ID灞炴€у湪搴忓垪鍖栫粨鏋滀腑涓嶅啀鍙銆傚簭鍒楀寲鏃跺浣曡緭鍑鸿嚜瀹氫箟灞炴€э紵鍏跺疄绛旀閮藉啓鍦ㄦ枃妗ｉ噷浜嗐€傛湰鏂囧皢浣跨敤鐪熷疄鐨勪唬鐮佹潵婕旂ず濡備綍鍦ㄥ簭鍒楀寲杩囩▼涓緭鍑鸿嚜瀹氫箟灞炴€с€傝嚜宸辫瘯璇曞簭鍒楀寲鏈夊嚑绉嶆柟娉曪紝鎴戜互toJSON涓轰緥銆倀oJSON鏂规硶鍙互灏嗙敾甯冨鍑轰负JSON鏁版嵁銆?canvasid="c"width="500"height="400"style="border:1pxsolid#ccc;">toJSON鐐瑰嚮鎸夐挳鍚庯紝鎺у埗鍙颁細杈撳嚭涓€涓狫SON鏁版嵁锛屼篃灏辨槸鐢诲竷鏈韩銆備絾鏄粠涓婂浘鍙互鐪嬪嚭锛屽湪鍒涘缓鐭╁舰rect鐨勬椂鍊欒嚜瀹氫箟浜嗕竴涓猰y_id灞炴€э紝浣嗘槸鍦ㄨ緭鍑轰腑鐪嬩笉鍒癿y_id銆傚鏋滄兂鍦ㄥ簭鍒楀寲鐨勬椂鍊欒緭鍑鸿嚜瀹氫箟灞炴€э紝鍙互鍦╰oJSON()鏂规硶涓紶鍏ヤ竴涓暟缁勶紝杩欎釜鏁扮粍琛ㄧず瑕佽緭鍑虹殑鑷畾涔夊睘鎬х殑key銆傞渶瑕佹敞鎰忕殑鏄繖閲岃鐨刱ey鏄瓧绗︿覆绫诲瀷銆?/鐪佺暐閮ㄥ垎浠ｇ爜letcanvas=newfabric.Canvas('c')letrect=newfabric.Rect({width:30,height:30,top:10,left:10,my_id:'rect01'})canvas.add(rect)functionhandleToJSON(){console.log(canvas.toJSON(['my_id']))//搴忓垪鍖栵紝杈撳嚭JSON}鐐瑰嚮鎸夐挳鍚庯紝鎺у埗鍙拌緭鍑虹殑鍐呭鍖呭惈鐭╁舰鑷畾涔夊睘鎬ф垜鐨勮韩浠姐€傞櫎浜唗oJSON()锛宼oObject()銆乼oDatalessJSON()銆乼oDatalessObject()閮芥敮鎸佽嚜瀹氫箟鍙傛暟鐨勮緭鍑猴紝鐢ㄦ硶涔熸槸涓€鏍风殑銆備唬鐮佷粨搴撯瓙toJSON杈撳嚭鑷畾涔夊睘鎬ф帹鑽愰槄璇火煈嶁潤馃憤銆奆abric.js 閾呯瑪绗斿埛銆嬸煈嶃€奆abric.js 璁剧疆瀹瑰櫒绫诲悕瑕佹敞鎰忚繖鍑犵偣銆嬸煈嶃€奆abric.js 鑷畾涔夊瓙绫伙紝鍒涘缓灞炰簬鑷繁鐨勫浘褰€嬸煈嶃€奆abric.js 鍏冪礌琚伄鎸＄殑閮ㄥ垎涔熷彲浠ユ搷浣溿€嬬偣璧?鍏虫敞+涔︾=瀛︿範浜嗕唬鐮佷粨搴?/p>
