杩欑瘒鏂囩珷浠嬬粛浜嗙偣璧?鍏虫敞+鏀惰棌=浜嗚В鍒版暟瀛﹀拰鍖栧椤圭洰涓紝鈥滀笂鏍団€濆拰鈥滀笅鏍団€濈殑鍔熻兘鏄緢甯哥敤鐨勶紝姣斿骞傦紝琛ㄨ揪寮忕瓑绛夊洜涓哄寲瀛﹀厓绱犻渶瑕佷娇鐢ㄤ笂鏍囨垨涓嬫爣銆傚湪Fabric.js涓紝鏂囨湰鍏冪礌鏄疶ext銆両Text鍜孴extbox銆傛湰鏂囦富瑕佽瑙ｅ浣曞疄鐜癷Text鐨勪笂鏍囧拰涓嬫爣銆俆ext鍜孴extbox涓殑瀹炵幇鏄浉鍚岀殑銆係uperscriptconstiText=newfabric.IText('32=9',{styles:{0:{//绗竴琛?:{//绗簩涓瓧绗eltaY:-14,//鍚戜笅鍋忕ЩfontSize:24,//璁剧疆fontsize}}})杩欎釜渚嬪瓙琛ㄦ槑3鐨勫钩鏂圭瓑浜?锛宒eltaY搴旇璁剧疆涓鸿礋鍊笺€俤eltaY鐨勪綔鐢ㄦ槸瀹氫箟鏂囨湰鐨勫熀绾裤€傚鏋滃熀绾垮悜涓婄Щ鍔紝鍒欒缃鍊硷紝濡傛灉鍚戜笅绉诲姩锛屽垯璁剧疆璐熷€笺€傞粯璁や负0銆傛牱寮忕殑璁剧疆姣旇緝鐗规畩銆傚鏋滆瀹氫綅鏌愪釜璇嶏紝闇€瑕侀€氳繃琛屽彿鍜屽瓧绗︿笅鏍囨潵瀹氫綅銆傝鍙峰拰瀛楃涓嬫爣浠?寮€濮嬶紝鍜宩s鏁扮粍涓€鏍枫€俰Text鎹㈣浣跨敤\n鏉ユ搷浣溿€傛湰渚嬩腑鍙湁涓€琛岋紝鎵€浠ヨ鍙蜂负0銆?鎵€鍦ㄤ綅缃笅鏍囦负1銆傚鏋滃杩欎釜璁剧疆涓嶇悊瑙ｏ紝鍙互鐪婩abric.js鐨処Text璁剧疆鏉ユ寚瀹氬瓧绗﹂鑹插拰鑳屾櫙棰滆壊銆備笅鏍嘽onstiText=newfabric.IText('H2O',{styles:{0:{1:{deltaY:0,fontSize:24}}}})鍦ㄨ繖绉嶆儏鍐典笅锛屼笅鏍囨垜涓嶆墦绠楀悜涓嬪亸杞洜涓哄畠鐪嬭捣鏉ヤ笉澶ソ锛屾垜鍙槸灏唂ontSize璁剧疆涓?4骞跺皢瀛椾綋澶у皬鏇存敼涓鸿緝灏忕殑澶у皬銆傚皬缁撳叾瀹炴湰鏂囪缃笂鏍囧拰涓嬫爣鐨勬柟娉曟槸涓€鏍风殑銆備富瑕佹祦绋嬩负浠ヤ笅涓夋锛氶€氳繃琛屽彿鍜屾枃鏈笅鏍囨壘鍒板搴旂殑瀛楃锛岄€氳繃deltaY璁剧疆鎸囧畾瀛楃鐨勬枃鏈熀绾匡紝淇敼fontSize锛屼娇鎸囧畾瀛楃鐨勫瓧浣撴瘮鍏朵粬鐨勫ぇ瀛楃姣旇緝灏忥紝瀹屾垚浠ヤ笂3姝ュ氨鍙互瀹炵幇涓婁笅鏍囩殑鍔熻兘浜嗐€傞櫎浜嗕笂杩版柟娉曚箣澶栵紝鍏跺疄杩樻湁涓€绉嶈缃笂鏍囧拰涓嬫爣鐨勬柟娉曪紝鍙槸璇ユ柟娉曠殑搴旂敤鍦烘櫙鐣ユ湁涓嶅悓锛屾垜浠皢鍦ㄤ笅涓€绡囨枃绔犱腑璁插埌璇ユ柟娉曘€傛簮鐮佷粨搴撯瓙FabricIText涓婁笅鏍囨帹鑽愰槄璇火煈嶃€奆abric.js IText璁剧疆鎸囧畾瀛楃棰滆壊鍜岃儗鏅壊銆嬸煈嶁潉馃憤銆奆abric.js 姗＄毊鎿︾殑鐢ㄦ硶锛堝寘鍚仮澶嶅姛鑳斤級銆嬸煈嶃€奆abric.js 鑷敱缁樺埗妞渾銆嬸煈嶃€奆abric.js 绗斿埛鍒板簳鎬庝箞鐢紵銆嬸煈嶃€奱bric.js 鍙抽敭鑿滃崟銆嬬偣璧?鍏虫敞+涔︾=瀛︿範浜?/p>
