鎸佺画鍒涢€狅紝鍔犻€熸垚闀匡紒杩欐槸鎴戝弬鍔犫€滄帢閲戞瘡鏃ユ柊椤圭洰路鍏湀鏇存柊鎸戞垬璧涒€濈殑绗?4澶┿€傜偣鍑绘煡鐪嬫椿鍔ㄨ鎯呫€傚浜庡弽搴忓垪鍖栵紝璇峰弬闃匜abric.js搴忓垪鍖栧拰Fabric.js鍙嶅簭鍒楀寲銆傛湰鏂囪璁ㄨ鐨勨€滅畝鍖朖SON鈥濓紝鍏跺疄灏辨槸涓€绉嶇畝鍖栫増鐨勫簭鍒楀寲銆傚簭鍒楀寲鍙互灏咶abric.js鐢诲竷瀵煎嚭涓篔SON瀵硅薄銆傚綋鎴戜滑瑕佸皢鐢诲竷淇濆瓨鍒版湇鍔″櫒鏃讹紝浼犵粰鍚庡彴鐨勫叾瀹炴槸涓€娈礘SON銆傚鏋滆閲嶆柊娓叉煋锛屾妸杩欎釜JSON涓㈢粰Fabric.js锛岃皟鐢ㄧ浉搴旂殑鏂规硶娓叉煋鍒伴〉闈笂銆備絾濡傛灉浣犺寰桭abric.js榛樿瀵煎嚭鐨凧SON澶ぇ锛屼笉闇€瑕侀偅涔堝灞炴€э紝鍙互浣跨敤绠€鍖栫増鐨勯厤缃€傚姩鎵嬬紪鐮佸皢榛樿瀵煎嚭涓庣畝鍖栫殑瀵煎嚭杩涜姣旇緝銆傛垜鍦ㄩ〉闈腑娣诲姞浜?涓儗鏅浘鍍忓拰2涓熀鏈浘褰㈠厓绱犮€傚鏋滀娇鐢ㄩ粯璁ょ殑搴忓垪鍖栵紝瀵硅薄鐪熺殑澶浜嗐€傚鏋滀綘鍙渶瑕佹牳蹇冨睘鎬э紝鍙敤浜庢覆鏌擄紝浣犲彲浠ヤ娇鐢ㄢ€滅槮搴忓垪鍖栤€濄€?canvasid="canvasBox"width="600"height="600"style="border:1pxsolid#ccc;">銆奵anvas.includeDefaultValues 鏂囨。銆嬪皢includeDefaultValues璁剧疆涓篺alse璁ヽanvas.toObject()鏂规硶杈撳嚭涓€涓帇缂╃殑JSON銆俰ncludeDefaultValues鐨勫€奸粯璁や负true锛屾墍浠ラ粯璁や細杈撳嚭鍩烘湰鐨凧SON鍐呭銆傚彲浠ラ€氳繃淇敼includeDefaultValues鐨勫€兼潵瑙傚療杈撳嚭瀵硅薄鐨勫彉鍖栥€傞渶瑕佹彁閱掞細濡傛灉浣犵殑椤圭洰闇€姹傛槸鍙湅鏁堟灉锛屼笉闇€瑕佺鐞嗗お澶氬唴閮ㄥ睘鎬э紝鍙互灏濊瘯浣跨敤鏈枃鎻愬埌鐨勫唴瀹癸紝灏嗘暟鎹畝鍖栧悗鍐嶄紶缁欏悗绔紝鍙互鑺傜渷绌洪棿銆傜粏蹇冪殑鍚屽搴旇涔熺湅鍑烘潵浜嗭紝鍗充娇鏄畝鍖栫殑json鏁版嵁锛屼緷鐒朵細淇濆瓨鐗堟湰鍙枫€傚鏋滅増鏈彿瀵逛綘娌℃湁鐢紝浣犱篃鍙互浣跨敤JS鐨勬柟寮忓幓鎺夌増鏈€備絾鎴戜笉寤鸿浣犺繖鏍峰仛銆傛簮鐮佷粨搴撯瓙Fabric.js绠€浣撹繛杞芥帹鑽愰槄璇火煈嶃€奆abric.js 绗斿埛鍒板簳鎬庝箞鐢紵銆嬸煈嶃€奆abric.js 鍦嗗舰绗斿埛銆嬸煈嶃€奆abric.js 姗＄毊鎿︾殑鐢ㄦ硶锛堝寘鍚仮澶嶅姛鑳斤級銆嬸煈嶃€奆abric.js 浠庡叆闂ㄥ埌鐩腑鏃犱汉銆嬬偣璧?鍏虫敞+鏀惰棌=瀛︿範浜?/p>
