尺子專業(yè)測距儀app 多功能的測量測距工具

子專業(yè)測距儀app是一個多功能的測量測距工具，不僅可以進(jìn)行距離尺寸的測量，還可以對噪音進(jìn)行測量，還可以作為水平儀使用呢，有了它就可以解決生活中遇到的一些小問題啦。

軟件介紹

測距儀-尺子測量大師多款小工具功能的集合，它包含尺子，噪音計(jì)，量角器，測量距離這些常規(guī)小功能，另外又支持水平儀，指南針，手電筒，掛畫校準(zhǔn)小工具，房貸計(jì)算器,天氣預(yù)報(bào),使用它，用戶真正能感受到設(shè)計(jì)師對這款產(chǎn)品的用心設(shè)計(jì)。

軟件特色

* 長度和距離的單段和多段測量

* 不同測量模式的靈活切換

* 多次測量，支持同時測量長度，周長，高度等

* 一鍵截圖保存測量結(jié)果

* 清晰的測量線和測量結(jié)果文字

* 仿真量尺

* 輔助平面坐標(biāo)系

軟件功能

1.尺子：測量長度的小工具，支持公制和英制。

2.房貸計(jì)算器:公積金貸款，商業(yè)貸款，組合貸款，不管是等額本息還是等額本金，一個工具全搞定。還款計(jì)劃清晰排列，銀行利率調(diào)整全無懼。

3.天氣預(yù)報(bào):采用國內(nèi)外多家氣象機(jī)構(gòu)數(shù)據(jù)，天氣預(yù)報(bào)信息準(zhǔn)確全面，24小時預(yù)報(bào)、未來十五天天氣預(yù)報(bào)

4.噪音計(jì)：通過手機(jī)檢測周圍聲音分貝

5.量角器：獲取物體角度的小工具，通過相機(jī)拍攝測量。

6.掛畫校準(zhǔn)：快速查看家中掛件是否齊整的小工具。

7.測量距離：輸入物體高度，精準(zhǔn)計(jì)算水平距離。

8.水平儀：將手機(jī)擺放在測試物體上，即可知道是否水平的小工具。

9.指南針：快速精準(zhǔn)定位小工具，不再迷失。

10.手電筒：一鍵開啟手機(jī)燈光。

原文地址：http://www.3h3.com/az/177802.html

用開源軟件為你最喜歡的萬圣節(jié)鬼屋制作一個有趣和怪異的裝飾品。

來源：https://linux.cn/article-12152-1.html
作者：Jess Weichler
譯者：鄭

使用開源軟件裝飾一個獨(dú)一無二的萬圣節(jié)燈籠！

通常，燈籠的一部分結(jié)構(gòu)體是不透明的，以阻擋內(nèi)部的光線。燈籠之所以成為燈籠，是因?yàn)槠淙サ袅艘恍〇|西：從結(jié)構(gòu)體上切開的窗口，這樣光線就可以射出。雖然對于照明來說不實(shí)用，但是一個有著怪異形狀窗口和隱藏暗色輪廓的燈籠卻可以令人興奮，并創(chuàng)造出很多樂趣。

這篇演示如何使用 Inkscape 創(chuàng)建你自己的燈籠。如果還沒有 Inkscape ，在 Linux 上，你可以從軟件庫中安裝它，在 MacOS 和 Windows 上，你可以從 Inkscape 網(wǎng)站上下載它.

使用材料

模板（ A4 或信紙大小）
卡片紙（黑色是傳統(tǒng)色）
描圖紙（可選）
裁紙刀、尺子、切割墊板（可使用工藝切割機(jī)/激光切割機(jī)代替）
工藝膠
LED 茶燈蠟燭

安全注意事項(xiàng)：這個項(xiàng)目只使用電池操作的蠟燭。

理解模板

首先，從上面的鏈接下載你所在區(qū)域（A4 或信紙）的合適的模板，然后在 Inkscape 中打開它。

燈籠模板熒光屏

灰白色的棋盤格背景是透明的（從技術(shù)角度來說，它是 alpha 通道。）

黑色基板構(gòu)成了燈籠。現(xiàn)在，沒有窗口可以讓光線穿過；燈籠有一個非鏤空的黑色基板。你將在 Inkscape 中使用并集和差集選項(xiàng)來數(shù)字化的設(shè)計(jì)窗口。

藍(lán)色虛線表示折線。橙色實(shí)線表示參考線。采光窗口不應(yīng)該放在橙色盒子的外面。

模板的左側(cè)是你可以在你設(shè)計(jì)中使用的一些預(yù)先制作好的對象。

創(chuàng)建一個窗口或形狀

創(chuàng)建一個看起來像你想要的窗口樣式的對象。可以使用 Inkscape 左側(cè)工具欄中的一些形狀工具來創(chuàng)建對象。此外，你可以下載共創(chuàng)或公共領(lǐng)域的剪貼畫，并導(dǎo)入 PNG 文件到你的項(xiàng)目中。
當(dāng)你對對象的形狀滿意時，在頂部菜單中選擇“路徑” -> “對象轉(zhuǎn)化成路徑” 將其轉(zhuǎn)換為一個路徑（而不是一個形狀，Inkscape 視其為兩種不同的對象）。

對象到路徑菜單

在基板形狀的上面放置對象。
選擇對象和黑色基板。通過先單擊一個，并按住 Shift 按鍵，再選擇另一個來完成。
從頂部菜單選擇“路徑” -> “差集” 來從基板的對象中移除形狀。這將創(chuàng)建燈籠中的一個窗口。

路徑 > 差集菜單

添加對象到窗口中

在制作了一個窗口后，你可以添加對象到其中來創(chuàng)建一個場景。

提示：

所有的對象，包括文本，必須連接到燈籠的基板，否則，在切割后會掉落下來，并留下一片空白。
避免小而復(fù)雜的細(xì)微之處。即使使用激光切割機(jī)或工藝切割機(jī)等機(jī)器，也很難切割這些細(xì)微之處。

創(chuàng)建或?qū)胍粋€對象。
放置對象到窗口內(nèi)，以便它至少接觸基板的兩側(cè)。
選擇對象后，從頂部菜單選擇“連接” -> “對象轉(zhuǎn)化成路徑”。

對象到路徑菜單

選擇對象和黑色基板，通過在按住 Shift 按鍵的同時單擊每一個來完成。
選擇“路徑” -> “并集”來使對象和基板合二為一。

添加文本

文本既可以從基板剪出文字來創(chuàng)建一個窗口（就像我對星星所做的那樣），或者也可以添加到一個窗口上（它可以阻擋來自燈籠內(nèi)部的光線）。如果你要創(chuàng)建一個窗口，只需要執(zhí)行下面的步驟 1 和步驟 2，然后使用“差集”來從基板移除文本。

從左側(cè)邊欄中選擇文本工具來創(chuàng)建文本。粗體字體效果最好。

文本工具

選擇你的文本，然后從頂部菜單選擇“路徑” -> “對象轉(zhuǎn)化成路徑”。這將轉(zhuǎn)換文本對象為一個路徑。注意，這個步驟意味著你將不能再編輯該文本，所以，只有當(dāng)你確定你擁有想要的單詞后，執(zhí)行這個步驟。
在你轉(zhuǎn)換文本后，你可以按鍵盤上的 F2 來激活節(jié)點(diǎn)編輯器工具，當(dāng)選擇使用這個工具時，可以清楚地顯示文本的節(jié)點(diǎn)。

選中的文本使用節(jié)點(diǎn)編輯器

取消文本分組。
調(diào)整每個字母，以便使其與相鄰字母或基板稍微重疊。

重疊文本

為將所有的字母彼此連接，并連接到基板，重新選擇所有文本和基板，然后選擇“路徑” -> “并集”。

使用路徑 > 并集連接字母和基板

準(zhǔn)備打印

下面是手工切割燈籠的說明。如果使用激光切割機(jī)或工藝切割機(jī)，遵循硬件所需要的技巧來準(zhǔn)備好你的文件。

在“圖層”面板中，單擊“安全”圖層旁邊的“眼睛”圖標(biāo)來隱藏安全線。如果你看不到圖層面板，通過頂部菜單選擇“圖層” -> “圖層”來顯示它。
選擇黑色基板。在“填充和筆劃”面板中，設(shè)置填充為“X”（意味著不填充），設(shè)置“筆劃”為純黑色（對于喜歡十六進(jìn)制的粉絲來說是 #000000ff ）。

設(shè)置填充和筆劃

使用“文件” -> “打印”來打印你的圖案。
使用一把工藝刀和直尺，小心地繞著每一條黑線切割。在藍(lán)色虛線上輕劃，然后折疊。

裁剪燈籠

要完成窗口的制作，剪切描圖紙為每個窗口的大小，然后粘貼它到燈籠的內(nèi)側(cè)。

添加描圖紙

在折條處把燈籠的邊粘在一起。
接通電池供電的 LED 蠟燭，并放置它到你燈籠中。

完成燈籠

現(xiàn)在你的燈籠已經(jīng)完成了，準(zhǔn)備好點(diǎn)亮你的鬼屋了。

via: https://opensource.com/article/19/10/how-make-halloween-lantern-inkscape

作者： Jess Weichler 選題： lujun9972 譯者： robsean 校對： wxy

本文由 LCTT 原創(chuàng)編譯， Linux中國榮譽(yù)推出

點(diǎn)擊“了解更多”可訪問文內(nèi)鏈接

日常開發(fā)中，px一定是大家接觸過最多的css單位，但是你真的了解px嘛？1px在屏幕中到底是多大呢？另外不知道大家有沒有過下面這些疑惑:

為什么一個元素在pc上和移動端的物理尺寸不一樣，但是兩者的視覺效果上卻差不多呢？改變屏幕的分辨率時，屏幕上顯示的內(nèi)容大小為什么會跟著改變？縮放瀏覽器時，瀏覽器中的內(nèi)容的大小為什么會跟著改變？

想回答以上問題，我們就要知道css中的px到底指的是什么？

什么是css px?

在回答什么是css px之前，我們先要了解兩個概念——設(shè)備像素和參考像素。

設(shè)備像素(device pixel)

來看這張顯示器屏幕的放大圖。

從圖中可以看到，顯示器屏幕實(shí)際上是由一個一個"點(diǎn)"組成的（每個"點(diǎn)"又包含3個單位，也稱三元素組)，這些"點(diǎn)"就是設(shè)備像素。

需要注意的是,device pixel實(shí)際是可以"變化"的，當(dāng)你降低設(shè)備分辨率時，一個"點(diǎn)"就需要更多的三元素組來組成，此時"點(diǎn)"的物理尺寸就增大了。以下是維基百科關(guān)于這點(diǎn)的說明，想了解更多，請點(diǎn)擊這里查看。

因?yàn)槎鄶?shù)計(jì)算機(jī)顯示屏的分辨率可以通過計(jì)算機(jī)的操作系統(tǒng)來調(diào)節(jié)，顯示屏像素的分辨率可能不是一個絕對的衡量標(biāo)準(zhǔn)。

現(xiàn)代液晶顯示屏按設(shè)計(jì)有一個原始分辨率，它代表像素和三元素組之間的完美匹配。

對于該顯示器，原始分辨率能夠產(chǎn)生最精細(xì)的視頻。但是因?yàn)橛脩艨梢哉{(diào)整分辨率，顯示器必須能夠顯示其它分辨率。非原始分辨率必須通過在液晶顯示屏上擬合重新取樣來實(shí)現(xiàn)，要使用插值算法。這經(jīng)常會使顯示屏看起來破碎或模糊。例如，原始分辨率為1280×1024的顯示器在分辨率為1280×1024時看起來最好，也可以通過用幾個物理三元素組來表示一個像素以顯示800×600，但可能無法完全顯示1600×1200的分辨率，因?yàn)槲锢砣亟M不夠。

由于不同的設(shè)備屏幕分辨率和尺寸可能不一樣，所以設(shè)備上物理像素的大小也就不一樣。但是對于css來說，它希望在所有的設(shè)備上元素的顯示效果看起來都是差不多的。

那怎么才能讓同一元素在不同的設(shè)備上顯示的效果差不多呢？w3c提出了一個概念，也就是下面將要介紹的參考像素(reference pixel)。

參考像素(reference pixel)

從上面這幅圖可以看到，近處的鐵軌看起來很大，而遠(yuǎn)處的鐵軌看起來很小。這是由于我們眼睛的視角所產(chǎn)生"近大遠(yuǎn)小"的透視現(xiàn)象所造成的。

那設(shè)想一下，如果遠(yuǎn)處的鐵軌比近處的鐵軌尺寸大一些，是不是我們看遠(yuǎn)處的鐵軌就和看近處的差不多大了呢。

css參考像素(reference pixel)就是應(yīng)用了這個原理，w3c是這樣定義參考像素的

The reference pixel is the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm’s length. For a nominal arm’s length of 28 inches, the visual angle is therefore about 0.0213 degrees.

注意了，css參考像素它是一個visual angle，即一個約等于0.0213度的角。當(dāng)設(shè)備的典型觀看距離越遠(yuǎn)時，參考像素就越大（注意這里的大，不是指視角變大，而是角度對應(yīng)在屏幕上的尺寸變大）。

在介紹完設(shè)備像素和參考像素之后，下面該輪到今天的主角——css像素出場了。

css像素(css pixel)

顧名思義，css pixel是css樣式表語言中用來表示長度的一個單位，類似的單位還有pt,in,cm等。像pt,in,cm等都是物理單位，相對好理解，而px則有點(diǎn)抽象。

一個px到底是多大? 它又和pt,in,cm的長度等有什么聯(lián)系呢？這些都是亟待我們思考的問題。

在思考這些問題之前，先看下面這段w3c規(guī)范

For a CSS device, these dimensions（指in,pt,px等length單位） are either anchored by relating the physical units to their physical measurements, or by relating the pixel unit to the reference pixel. For print media and similar high-resolution devices, the anchor unit should be one of the standard physical units (inches, centimeters, etc). For lower-resolution devices, and devices with unusual viewing distances, it is recommended instead that the anchor unit be the pixel unit.For such devices it is recommended that the pixel unit refer to the whole number of device pixels that best approximates the reference pixel.

對于css length單位（當(dāng)然也包括px）來說，不同的分辨率設(shè)備對它們的影響是不同的。

對高分辨率顯示設(shè)備（如打印機(jī)），length的anchor unit(可以理解為基準(zhǔn)單位)推薦使用基于物理測量的inches,centimeters等。而對于低分辨率的設(shè)備(如電腦顯示器)，anchor unit推薦使用pixel單位。下面具體來講講這兩者的區(qū)別：

高分辨率設(shè)備（high-resolution devices）

關(guān)于分辨率的東西這里不多講，不熟悉的同學(xué)可以點(diǎn)擊這里查看。我們之前說了，對于高分辨的顯示設(shè)備，基準(zhǔn)單位是基于物理測量的inches, centimeters。

基于物理測量是什么意思呢？就是它實(shí)際的物理長度。如單位cm，用css設(shè)置一個盒子的寬度為1cm,那它就等于物理上的1cm，你用尺子去量，它就是1cm。

那現(xiàn)在問題來了，px呢？px怎么去基于物理測量呢？

這個問題我們結(jié)合w3c和mdn，就能得到解答:

Alternatively if the anchor unit is a physical unit, the pixel unit might not map to a whole number of device pixels.

However, for printers and high-resolution screens, one CSS pixel implies multiple device pixels. 1px=1/96th of 1in.

現(xiàn)在知道了，在高分辨率設(shè)備下，1px就等于96分之一英寸，約等于0.2646mm。

低分辨率設(shè)備（low-resolution devices）

對于低分辨率設(shè)備來說，anchor unit是基于pixel unit的，那pixel unit又是什么呢？如果有仔細(xì)看過css像素那小節(jié)里引用w3c的那段說明的話，答案你應(yīng)該已經(jīng)知道了。為了說明方便，還是把那句最重要的話再寫一遍。

For such devices it is recommended that the pixel unit refer to the whole number of device pixels that best approximates the reference pixel.

這句話非常重要！！！

可以說理解了這句話，你就基本上理解了什么是css像素。這里為了照顧部分英語不好的同學(xué)，我把這句話翻譯一遍

對于這樣的設(shè)備（這里指低分辨率設(shè)備），建議像素單位參考最接近參考像素的整數(shù)個設(shè)備像素。

我們舉個例子來說明一下，一個分辨率為1680 * 1050的22寸電腦顯示器。對于電腦顯示器來說，它的參考像素約為0.26mm(這個值的大小由設(shè)備的典型視距決定，出廠時已經(jīng)確定)。

確定了參考像素之后，再來計(jì)算設(shè)備像素。通過分辨率和尺寸，計(jì)算出該顯示器的ppi

為90.05，此時一個設(shè)備像素的值就等于0.28mm。

對比這兩個像素值之后發(fā)現(xiàn)，一個設(shè)備像素的值是最接近參考像素的。所以對于這個設(shè)備來說，一個像素單位(1px)就等于一個設(shè)備像素。

到這里，相信大家對css px是什么應(yīng)該有了一個基本的概念。下面我們通過分析文章開始時提出的幾個問題，來進(jìn)一步加深對css px的印象。

分析問題

（1）為什么一個元素在pc上和移動端的物理尺寸不一樣，但是兩者的視覺效果上卻差不多呢？

因?yàn)閏ss px是基于參考像素確定的，而參考像素就是為了讓同一元素在不同設(shè)備上顯示效果盡量一致而設(shè)計(jì)的（對于移動端和pc端來說，參考像素的物理大小肯定不一樣，但是顯示效果基本是一致的）。所以同一個元素，盡管在pc端和移動端尺寸不一樣，但視覺效果卻是差不多的。

（2）當(dāng)改變屏幕的分辨率時，屏幕上顯示的內(nèi)容大小為什么會跟著改變？

我們舉一個例子來說明這個問題，還是以上面那個典型的22寸顯示器為例：

正常分辨率下，即1680 * 1050，此時的ppi是90.05，那一個device pixel的長度就約為0.28mm。這時一個device pixel就約等于一個參考像素對應(yīng)的大小。如果你用css定義了一個盒子寬為375px，此時你用尺子去屏幕上量，會發(fā)現(xiàn)375px盒子的實(shí)際寬度是0.28(mm) * 375 ≈ 10.5cm。調(diào)整顯示器的分辨率為1024 * 640時，此時一個device pixel對應(yīng)的長度是0.46mm，雖然它和參考像素對應(yīng)的大小有差距，但是沒辦法，你還得使用它，畢竟它現(xiàn)在就是最接近參考像素大小的device pixel了。上面那個375px的盒子，此時的實(shí)際寬度則為0.46 * 375 ≈ 17.4cm。所以降低分辨率之后，相同的內(nèi)容會顯得大了。調(diào)整顯示器的分辨率為1920 * 1080，此時一個device pixel對應(yīng)的長度是0.25mm，此時375px的盒子實(shí)際寬度是0.25 * 375 ≈ 9.3cm，所以提高分辨率后，內(nèi)容自然就變小了。

（3）當(dāng)你縮放瀏覽器大小時，瀏覽器中的內(nèi)容的大小會跟著改變？

這個現(xiàn)象，ppk在之前的一篇文章里提到過。縮放瀏覽器時，也就相當(dāng)于改變了瀏覽器的分辨率，所以這個問題和第2個一樣，這里也就不多贅述了。

總結(jié)

1.對于低分辨率設(shè)備（絕大部分顯示器，手機(jī)屏幕），1個css像素相當(dāng)于最接近參考像素的整數(shù)個設(shè)備像素。

2.對于高分辨率設(shè)備(打印機(jī))來說，1個css像素就是96分之一英寸。

3.參考像素(reference pixel)就是從一臂之遙看解析度為96DPI的設(shè)備時，1個設(shè)備像素的視角（但為了方便計(jì)算，都把這個視角轉(zhuǎn)換為其在顯示設(shè)備上對應(yīng)的大小）。

3.在低分辨率設(shè)備中，pt,cm,in等單位的大小不等于它的物理大小，它們的大小需要px（這時等于xx個設(shè)備像素）來進(jìn)行轉(zhuǎn)換，如1in此時等于96個設(shè)備像素的大小(即96px)。

4.在高分辨率設(shè)備中，1px也不等于xx個設(shè)備像素，px的大小就等于固定值。

5.設(shè)備像素(device pixel)不是固定不變的，除非你的設(shè)備不能調(diào)整分辨率。

參考文獻(xiàn)：

A tale of two viewports — part one

w3c css規(guī)范

CSS像素、物理像素、邏輯像素、設(shè)備像素比、PPI、Viewport

wiki pixel

wiki 液晶顯示器

移動端高清、多屏適配方案

rethinking the pixel it‘s all relative now

A Pixel Identity Crisis

作者：淼淼真人
鏈接：http://www.imooc.com/article/details/id/75237
來源：慕課網(wǎng)

在線咨詢

上一篇：CSS 居中布局方式一
下一篇：Nginx 處理一個 HTTP 請求的全過程

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商