導航:首頁 > 編程語言 > js如何使用2x圖和3x圖

js如何使用2x圖和3x圖

發布時間:2023-02-23 01:25:05

1. 切圖常說的@1X@2X@3X是什麼意思

蘋果IOS程序開發不同解析度的設備統一為一個尺寸而標記的。@3X就是@1X解析度的3倍。
iPad2 是768 x 1024,iPad Retina 是1536 x 2048,開發時都按 768 * 1024
操作。但實際上兩者有一倍差異。為了達到最佳效果,使用的圖片大小不一樣。這時候就用同一個名稱,但 Retina 的圖加上 @2x
後綴。系統載入圖片時,在 iPad2 上會載入 @1x 的圖在 1536 * 2048 的設備上,會載入 @2x 的。@3x 現在用於
iPhone 6/6+ 上。

附帶一提:iOS8渲染操作中使用前綴帶有@1x、@2x 和@3x 的測試圖像,代碼會優先載入3x 圖像。@2x圖像不被載入。使用圖像文件和XCAsset均不行。

2. 【iOS】iOS開發之使用Mac自動操作製作@1x@2x@3x圖片(切圖)

iOS開發中,會要求導入@1x、@2x和@3x:

使用@1x格式: iPhone3GS

使用@2x格式: iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR

使用@3x格式: iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max

這樣在開發過程中,將三種圖片(比如分別為1.png、[email protected][email protected])導入到工程圖庫中的時候可以自動被識別為1x、2x和3x大小的圖片

可以利用Mac系統中自帶的服務自己 製作一個快速生成@1x、@2x和@3x圖片的功能

首先spotlight搜索Automator,然後按Enter打開

**新建文稿 **

選取文稿類型為 快速操作

在工作流程收到當前的後面選擇圖像文件

在左邊窗口的「操作」下,選擇「資源庫」中的「文件和文件夾」,將右側中的「給訪達項目重新命名」拖入最右側的大窗口中,(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),選擇「添加文本」,在輸入框中輸入【@3x】

拖入「復制訪達項目」

選擇左側「資源庫」中的照片,將「縮放圖像」拖入右側窗口(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),並選擇「按百分比」,輸入【66】

再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【「】,以【僅基本名稱】;****再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【@3x」的副本】,以【僅基本名稱】,替換成【@2x】

拖入「復制訪達項目」,選擇左側「資源庫」中的照片,將「縮放圖像」拖入右側窗口(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),並選擇「按百分比」,輸入【50】

再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【「】,以【僅基本名稱】,再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【@2x」的副本】,以【僅基本名稱】

然後保存,將「快速操作」存儲為「製作@2x@3x圖片」

每次使用的時候,只需選中圖片,選擇訪達 -> 服務 -> 製作@2x@3x圖片,****就會自動生成三個圖片:1.png、[email protected][email protected]

最終效果~

3. android中ui給的2x和3x圖怎麼用

drawable-hpi用2x的drawable-xhpi用3x的

閱讀全文

與js如何使用2x圖和3x圖相關的資料

熱點內容
如何建立共享數據表 瀏覽:247
ps存儲覆蓋了源文件 瀏覽:668
如何找出合計數的數據 瀏覽:475
筆記本doc文件在哪裡 瀏覽:206
文件類的東西包括哪些 瀏覽:442
js初始化載入圖片 瀏覽:616
哪些網站可以下文件 瀏覽:910
米64g網路怎麼開 瀏覽:502
2017互聯網java面試題 瀏覽:907
供求網站源碼 瀏覽:195
童程童美編程加盟怎麼樣 瀏覽:895
app美團如何下載 瀏覽:197
弄畫框用什麼app 瀏覽:814
java獲取網頁圖片 瀏覽:193
jsp集合對象轉json 瀏覽:231
文件櫃在cad裡面長啥樣 瀏覽:554
iphone手機文件保存在哪裡 瀏覽:817
解壓文件後要刷新 瀏覽:786
cc資料庫怎麼獲得時間 瀏覽:226
ug3d硬料開出怎麼編程 瀏覽:151

友情鏈接