何時此工具有用
需要一致角形的頭像、卡片、縮圖和 UI 資產。
本地處理如何運作
瀏覽器將畫布擴展至所選邊框寬度,用所選顏色填充邊框,應用圓角矩形外部遮罩,並寫入 PNG。
使用方法
- 準備來源: 需要一致角形的頭像、卡片、縮圖和 UI 資產。
- 本地處理: 瀏覽器將畫布擴展至所選邊框寬度,用所選顏色填充邊框,應用圓角矩形外部遮罩,並寫入 PNG。
- 下載並驗證: 在對比背景上查看角落,檢查四條邊緣的 200%,確認尺寸,並測試目標 UI 比例。
重要限制
此路徑僅導出 PNG;較大的外圓半徑會移除角落像素,遮罩使用硬像素邊緣而不是向量抗鋸齒,並且元數據會被移除。
驗證下載的結果
在對比背景上查看角落,檢查四條邊緣的 200%,確認尺寸,並測試目標 UI 比例。
設計上保密
您的檔案將保存在此瀏覽器中。工具不會將來源或輸出上傳到我們的伺服器。
問答
這個工具什麼時候有用?
需要一致角形的頭像、卡片、縮圖和 UI 資產。
瀏覽器實際上做了什麼?
瀏覽器將畫布擴展至所選邊框寬度,用所選顏色填充邊框,應用圓角矩形外部遮罩,並寫入 PNG。
我必須理解哪些限制?
此路徑僅導出 PNG;較大的外圓半徑會移除角落像素,遮罩使用硬像素邊緣而不是向量抗鋸齒,並且元數據會被移除。
我應該如何驗證結果?
在對比背景上查看角落,檢查四條邊緣的 200%,確認尺寸,並測試目標 UI 比例。