Fabric.js动态设置字体大小

鏈枃浠嬬粛鐐硅禐+鍏虫敞+涔︾=浜嗚В鍒拌繖绡囨枃绔犱娇鐢ㄤ簡Fabric.js鐨処Textdemo銆傚鏋滀綘杩樹笉鐭ラ亾Fabric.js锛屾垜鎺ㄨ崘浣犻槄璇汇€奆abric.js浠庡叆闂ㄥ埌绮鹃€氥€嬨€備竴鍥鹃《涓€鍗冨瓧锛屽厛鐪嬪浘鍐嶅啓鏂囧瓧鍚鍒嗘瀽闇€姹備粠涓婂浘鎴戜滑鍙互鐪嬪埌濡備笅鍔熻兘闇€姹傦細鍙湁閫変腑鏂囧瓧鍚庢墠鑳戒慨鏀瑰瓧鍙枫€傚彲浠ヤ慨鏀规暣浣撳瓧浣撳ぇ灏忋€傚湪涓嶄慨鏀硅В鍐虫柟妗堢殑鎯呭喌涓嬭幏鍙栭€変腑鐨勬枃鏈細canvas.getActiveObject()銆傛槸鍚﹀彧閫変腑浜嗛儴鍒嗘枃鏈細鎴戦€氳繃缂栬緫鐘舵€佸垽鏂槸鍚﹀彧閫変腑浜嗛儴鍒嗘枃鏈細isEditing銆備慨鏀归€変腑鏂囨湰鐨勬牱寮忥細setSelectionStyles({...})銆備慨鏀瑰瓧浣撳ぇ灏忓睘鎬с€傚鏋滄槸鍏ㄦ枃淇敼锛岃繕闇€瑕佸垽鏂竴浜涘瓧绗︽槸鍚﹁嚜宸辫缃簡fontSize銆傚鏋滀负鏂囨湰鏈韩璁剧疆浜唂ontSize锛岄偅涔堝叏鏂囪缃殑鏉冮噸娌℃湁鐙珛璁剧疆鐨勯偅涔堥珮銆傜紪鐮?inputtype="range"min="5"max="150"value="40"id="size"onchange="changeSize(value)">浣跨敤isEditing鍒ゆ柇褰撳墠鏄惁澶勪簬缂栬緫鐘舵€併€傛垜鏍规嵁缂栬緫鐘舵€佷笅鏄惁鏈夐€変腑鐨勬枃瀛楁潵淇敼瀛椾綋澶у皬銆傛渶鍚庢湁涓ゅ眰寰幆锛歠or(letiins){for(letjins[i]){s[i][j].fontSize=value}}绗竴涓惊鐜痠鏄亶鍘嗚鏁帮紱绗簩涓惊鐜痡鏄亶鍘嗗綋鍓嶈鐨勬枃鏈€傝繖鏍峰仛鏄洜涓哄鏋滄偍浠呬娇鐢╯etSelectionStyles鏉ヨ缃瓧浣撳ぇ灏忥紝鍒欐棤娉曡鐩栦负姣忎釜瀛楃鏈韩璁剧疆鐨刦ontSize銆傛墍浠ヨ繕鏄渶瑕佸啀寰幆涓€閬嶏紝淇濊瘉姣忎釜璇嶉兘淇敼鍒颁綅銆傝缃瓧浣撳ぇ灏忕殑渚嬪瓙涔熷彲浠ョ敤鍦ㄤ笂鏍囧拰涓嬫爣涓紝姣斿鏂囩珷銆奆abric.js 涓婃爣鍜屼笅鏍囩殑浣跨敤鍋忔柟銆嬩腑鐨勭敤娉曘€備笂鏍囧拰涓嬫爣閫傜敤浜庢暟瀛﹀叕寮忋€佸寲瀛︾鍙风瓑鍦烘櫙銆備唬鐮佷粨搴撯瓙IText鍔ㄦ€佷慨鏀瑰瓧浣撳ぇ灏忔帹鑽愰槄璇火煈嶃€奆abric.js 婵€娲昏緭鍏ユ銆嬸煈嶃€奆abric.js 杈撳嚭绮剧畝鐨凧SON銆嬸煈嶃€奆abric.js 缂╂斁鐢诲竷銆嬸煈嶃€奆abric.js 閿佸畾鑳屾櫙鍥撅紝涓嶅彈缂╂斁鍜屾嫋鎷界殑褰卞搷銆嬬偣璧?鍏虫敞+鏀惰棌=瀛︿範浜?/p>