ugui 縮放圖片使圖片的四個角和四邊保持原樣
ugui 縮放圖片使圖片的四個角和四邊保持原樣,在用UGUI做介面的時候會遇到讓一些圖片縮放但不改變圖片四邊和四個角的大小。
例如下面這個圖:
如果直接把它拉高會出現這樣的結果:
圖片變形了,要想縮放它又要保證圖片原樣可以這樣處理:
1:選中原圖片在Inspector視窗中點選Sprite Editor
2:在彈出的視窗中適當改變綠色邊框讓其按照自己想要的效果九宮
中間的部分是可縮放的位置
3:把image 裡的Image Type選擇Sliced屬性
這樣圖片就可以自由縮放而不改變四周和四個角的大小
相關文章
- 開源圖片工具箱(Img Toolbox) 格式轉換 新增水印 圖片壓縮 圖片裁剪 圖片旋轉 圖片縮放
- SwiftUI圖片處理(縮放、拼圖)SwiftUI
- android imageview 縮放檢視圖片AndroidView
- 圖片響應式縮放,已中心為原點裁剪
- 圖片壓縮怎樣操作?分享幾種實用的批次圖片壓縮技巧
- opencv 圖片幾何變換-縮放OpenCV
- python 開發一款圖片壓縮工具(四):上傳圖床Python圖床
- 圖片縮放(不裁剪,按原來比例計算寬高)
- VS+Qt+Halcon——顯示圖片,實現滑鼠縮放、移動圖片QT
- 前端的圖片壓縮image-compressor(可在圖片上傳前實現圖片壓縮)前端
- css中圖片按照長寬比縮放CSS
- QLabel顯示圖片 ,並實現縮放
- 圖片等比例縮放裁切詳解
- 滑鼠懸浮圖片實現縮放效果
- JavaScript圖片簡單等比例縮放JavaScript
- python使用pillow和opencv生成圖片縮圖PythonOpenCV
- 前端圖片壓縮 - H5&Uni-App圖片壓縮前端H5APP
- 前端手勢控制圖片外掛書寫四(圖片上傳及Ios圖片方向問題)前端iOS
- vue 上傳圖片進行壓縮圖片Vue
- 【前端】壓縮圖片以及圖片相關概念前端
- java,springboot + thymeleaf 上傳圖片、刪除圖片到伺服器、本地,壓縮圖片上傳(有些圖片會失真),原圖上傳JavaSpring Boot伺服器
- Windows設定圖片縮圖Windows
- JavaScript中的圖片處理與合成(四)JavaScript
- Glide實現圓角圖片,以及圓形圖片IDE
- 23.Quick QML-簡單且好看的圖片瀏覽器-支援多個圖片瀏覽、縮放、旋轉、滑輪切換圖片UI瀏覽器
- canvas 壓縮圖片Canvas
- 圖片壓縮20201109
- ??圖片壓縮CanvasCanvas
- 自定義圖片裁剪之雙指縮放思路
- 圖片人臉檢測——Dlib版(四)
- 怎麼轉換圖片格式並壓縮圖片
- JPEG圖片的解碼和壓縮流程
- 上傳圖片 以及做成縮圖
- 四角游標跟隨滑鼠, 滑鼠落在哪個圖片上, 游標就跟隨到哪張圖片 (一種實現思路)
- Vue3等比例縮放圖片元件Vue元件
- .NetCore實現圖片縮放與裁剪 - 基於ImageSharpNetCore
- css設定圖片固定寬高,按比例縮放CSS
- 移動端圖片等比例縮放實踐