鏈枃浠嬬粛鐐硅禐+鍏虫敞+涔︾=瀛︿範浣跨敤fabric.js鍒涘缓鐨勫浘褰紝榛樿缂╂斁鍘熺偣涓哄厓绱犳搷浣滅偣鐨勫瑙掋€傚涓嬪浘鎵€绀猴細濡傛灉鎸変綇alt閿紝鎿嶄綔浼氬皢鍘熺偣绉诲姩鍒板厓绱犵殑涓績銆傚涓嬪浘鎵€绀猴細濡傛灉瑕佸皢榛樿缂╂斁鍔ㄤ綔璁剧疆涓衡€滀腑蹇冪缉鏀锯€濓紝鍙渶灏哻enteredScaling灞炴€ц缃负true鍗冲彲銆傝缃甤enterscaling鍙渶瑕佽缃甡centeredScalingtotrue`鍗冲彲锛屼絾鏄張鍙互缁嗗垎涓轰袱绉嶆儏鍐点€備竴绉嶆槸鍏ㄥ眬璁剧疆锛屽彟涓€绉嶆槸鍙缃壒瀹氬厓绱犮€傚湪瀹為檯鎿嶄綔涔嬪墠锛屾垜鍒涘缓浜嗕竴涓敾甯冿紝骞跺湪鐢诲竷涓坊鍔犱簡2涓厓绱狅紝涓€涓煩褰㈠拰涓€涓渾褰€?canvasid="canvasBox"width="600"height="400"style="border:1pxsolid#ccc;">濡傛灉globalsetting鍏ㄥ眬璁剧疆锛岀敾甯冧笂鐨勬墍鏈夊厓绱犻兘浼氱敓鏁堛€傚彧闇€鍦ㄥ垱寤虹敾甯冩椂灏哻enteredScaling璁剧疆涓簍rue鍗冲彲銆?/鐪佺暐閮ㄥ垎浠ｇ爜//鏂规硶涓€letcanvas=newfabric.Canvas('canvasBox',{centeredScaling:true//鎵€鏈夊厓绱犲叏灞€鏈夋晥})//鏂规硶浜宭etcanvas=newfabric.Canvas('canvasBox')canvas.centeredScaling=true浠庝笂鍥惧彲浠ョ湅鍑猴紝鏃犺鏄渾褰㈣繕鏄煩褰紝涓績鐐归兘鏄缉鏀惧師鐐广€傚洜涓哄湪newfabric.Canvas鎴栧叾杩斿洖鐨勫疄渚嬪璞′笂璁剧疆centeredScaling鏄叏灞€鏈夋晥鐨勩€傚鏋滃崟鐙缃寚瀹氬厓绱狅紝濡傛灉鍙缃互涓績鐐逛负缂╂斁鍘熺偣鐨勬寚瀹氬厓绱狅紝鍒欒缃殑鍏冪礌鐢熸晥锛屽叾浠栧厓绱犱笉鐢熸晥銆傛湰渚嬩腑浠呭皢鐭╁舰璁剧疆涓轰腑蹇冪偣浣滀负缂╂斁鍘熺偣锛屽渾褰粛涓洪粯璁ゆ搷浣溿€?/鐪佺暐閮ㄥ垎浠ｇ爜//Rectangleletrect=newfabric.Rect({width:100,height:60,left:100,top:100,fill:'pink',centeredScaling:true//鍗曚釜鍏冪礌鐢熸晥})//缁欑敾甯冩坊鍔犱竴涓煩褰anvas.add(rect)涓婇潰鐨勪唬鐮佸彧鏄缃簡鐭╁舰鐨刢enteredScaling锛屽渾杩樻槸榛樿鍊笺€傛墍浠ョ煩褰㈢缉鏀炬椂浠ュ渾蹇冧负鍘熺偣锛屽渾浠嶄负榛樿鍊笺€傚悓鏍凤紝涔熸敮鎸佸湪鍏冪礌鍒涘缓鍚庤繘琛岃缃€?/鐪佺暐閮ㄥ垎浠ｇ爜letrect=newfabric.Rect({...})rect.centeredScaling=true浠ｇ爜浠撳簱猸怓abric.js灞呬腑缂╂斁鎺ㄨ崘闃呰馃憤銆奆abric.js 鑷敱缁樺埗妞渾銆嬸煈嶃€奆abric.js 姗＄毊鎿︾殑鐢ㄦ硶锛堝寘鍚仮澶嶅姛鑳斤級銆嬬偣璧?鍏虫敞+鏀惰棌=瀛︿範浠ｇ爜浠撳簱
