1. 首頁
  2. 問答
  3. 如何使用一些工具檢測圖像的CSS屬性

如何使用一些工具檢測圖像的CSS屬性

2016-09-28 75 views
0

我是一名UI開發人員。我的問題是假設我已經提供了來自客戶端的圖像，現在使用這個圖像可以檢測到它的CSS屬性，即特定區域中使用的字體大小是什麼，通過某些顏色，寬度，邊距，填充等等是什麼軟件或工具，如Adobe Photoshop等如何使用一些工具檢測圖像的CSS屬性

如果是，我可以得到一些鏈接或教程如何做到這一點。

任何幫助是可觀的。

謝謝！

來源

2016-09-28 shreyansh

+0

如果妳在Chrome中打開的圖像，然後有谷歌瀏覽器 –

+0

什麼樣的許多開發者的插件是圖像嗎？現有網頁的屏幕截圖？ –

+0

它可以是像JPG，PNG等任何圖像 – shreyansh

回答

1

如果您正在尋找檢測chrome中的css屬性，請右鍵單擊您希望查看css屬性的元素，然後進行檢查，您會看到與該元素右側相關聯的所有css樣式開發人員工具窗口打開。單擊提示，單擊樣式右側的計算機選項卡，以便簡單瞭解實際呈現的內容。

的教程退房https://developer.chrome.com/devtools

來源

2016-09-28 06:47:16 brodiemigas

+0

OP要檢查圖像的字體大小等鉻開發人員工具只允許您檢查HTML網頁，而不是圖像。 –

+0

啊，我想知道提到的CSS的問題，如果OP想要檢測圖像中的字體，然後嘗試https://www.myfonts.com/WhatTheFont/我以前與它有混合的結果，至於諸如填充和邊距之類的東西，只需在photoshop中使用指南，或者選擇用於獲取測量結果的圖像編輯軟件。 – brodiemigas

0

您可以使用Photoshop的統治者和導遊（GIMP也可以做到這一點）來衡量的東西像寬度和利潤率。

至於字體大小，我只是在Photoshop中創建一個文本圖層，將其放置在圖像中的文本上方並對其大小進行眼球。

編輯：由於這裏要求有一些有用的鏈接：

來源

2016-09-28 06:55:49

+0

感謝您的迴應，你有任何教程或鏈接，如何做到這一點，因爲我不知道上面的工具很多，我從來沒有用過 – shreyansh

+0

我在我的答案中添加了幾個鏈接，可能對你有用。 –

相關問題

 相關問題