整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
用開源軟件為你最喜歡的萬圣節鬼屋制作一個有趣和怪異的裝飾品。
使用開源軟件裝飾一個獨一無二的萬圣節燈籠！
通常，燈籠的一部分結構體是不透明的，以阻擋內部的光線。燈籠之所以成為燈籠，是因為其去掉了一些東西 ：從結構體上切開的窗口，這樣光線就可以射出。雖然對于照明來說不實用，但是一個有著怪異形狀窗口和隱藏暗色輪廓的燈籠卻可以令人興奮，并創造出很多樂趣。
這篇演示如何使用 Inkscape 創建你自己的燈籠。如果還沒有 Inkscape ，在 Linux 上，你可以從軟件庫中安裝它，在 MacOS 和 Windows 上，你可以從 Inkscape 網站 上下載它.
安全注意事項：這個項目只使用電池操作的蠟燭。
首先，從上面的鏈接下載你所在區域（A4 或信紙）的合適的模板，然后在 Inkscape 中打開它。
燈籠模板熒光屏
灰白色的棋盤格背景是透明的（從技術角度來說，它是 alpha 通道。）
黑色基板構成了燈籠。現在，沒有窗口可以讓光線穿過；燈籠有一個非鏤空的黑色基板。你將在 Inkscape 中使用并集和差集選項來數字化的設計窗口。
藍色虛線表示折線。橙色實線表示參考線。采光窗口不應該放在橙色盒子的外面。
模板的左側是你可以在你設計中使用的一些預先制作好的對象。
對象到路徑 菜單
路徑 > 差集 菜單
在制作了一個窗口后，你可以添加對象到其中來創建一個場景。
提示：
對象到路徑 菜單
文本既可以從基板剪出文字來創建一個窗口（就像我對星星所做的那樣），或者也可以添加到一個窗口上（它可以阻擋來自燈籠內部的光線）。如果你要創建一個窗口，只需要執行下面的步驟 1 和步驟 2，然后使用“差集”來從基板移除文本。
文本工具
選中的文本使用節點編輯器
重疊文本
使用 路徑 > 并集 連接字母和基板
下面是手工切割燈籠的說明。如果使用激光切割機或工藝切割機，遵循硬件所需要的技巧來準備好你的文件。
設置填充和筆劃
裁剪燈籠
添加描圖紙
完成燈籠
現在你的燈籠已經完成了，準備好點亮你的鬼屋了。
via: https://opensource.com/article/19/10/how-make-halloween-lantern-inkscape
作者： Jess Weichler 選題： lujun9972 譯者： robsean 校對： wxy
本文由 LCTT 原創編譯， Linux中國 榮譽推出
于Stimulus
Stimulus是一個雄心不大的JavaScript框架。與其他前端框架不同，Stimulus旨在增強靜態HTML或服務器渲染的HTML，方法是使用簡單的標記將JavaScript對象連接到頁面上的元素。
這個JavaScript對象叫做controller，Stimulus持續不斷地監視頁面，等待HTML的data-controller屬性出現。符合條件的元素出現之后，Stimulus會根據它的值找到匹配的controller類，然后創建該類的一個實例，然后將這個實例連接到這個元素。
你可以這么類比，就像class屬性是連接HTML與CSS的橋梁，而data-controller屬性就是連接HTML與JavaScript的橋梁。
除了controller這個概念，Stimulus還有三個概念：
Stimulus對data屬性的使用有助于將js代碼與行為分開，就像CSS將css代碼與樣式表現分開一樣。此外，Stimulus的約定鼓勵按名稱對相關代碼進行分組。
反過來，Stimulus幫助你構建小型的、可重用的controller，給你足夠的組織結構來防止你的代碼寫成一鍋“JavaScript亂燉”。
接下來將通過演示如何編寫幾個全功能的controller，來指導您了解Stimulus的核心概念。每一章都建立在前一章的基礎上;從開始到結束:
一旦你完成上述練習之后，你會發現，對于理解Stimulus API的技術細節，手冊文檔真的很有用。
讓我們開始吧。
使用Stimulus實現一個簡單的controller
家好，我是大澈！
本文約 800+ 字，整篇閱讀約需 1 分鐘。
每日分享一段優質代碼片段。
今天分享一段優質 CSS 代碼片段，實現 CSS 文字鏤空的效果。
老規矩，先閱讀代碼片段并思考，再看代碼解析再思考，最后評論區留下你的見解！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css文字鏤空</title>
<style>
div {
margin: 10% auto;
font-size: 60px;
font-weight: bold;
text-align: center;
/*字體粗細*/
-webkit-text-stroke: 1px red;
/*描邊*/
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div>文字鏤空</div>
</body>
</html> 分享原因
這段代碼展示了如何使用 CSS 為文本添加描邊效果和透明填充顏色，從而實現有趣的文字鏤空視覺效果。
它展示了現代 CSS 特性的使用，讓我們使用幾行代碼，就可以輕松實現較復雜的樣式效果。
在項目中確實可能會用到，到時候直接來CV即可。
我越來越覺得，CSS真的是 yyds ！
代碼解析
1. margin: 10% auto;
將元素的上下邊距設置為父元素高度的10%，左右邊距自動，這樣可以將元素在水平方向居中，在垂直方向看著也比較舒服。
2. -webkit-text-stroke: 1px red;
為文本添加1像素寬的紅色描邊。
-webkit-text-stroke 是一個非標準的 CSS 屬性，用于在 WebKit 內核瀏覽器中為文本添加描邊效果。
它由兩個部分組成：描邊的寬度和描邊的顏色。這個屬性可以創建一些特別的視覺效果，如在黑色背景上用白色描邊的文字等。
這是一個 WebKit 特性，所以帶有 -webkit- 前綴。此屬性在支持 WebKit 內核的瀏覽器中有效，例如 Chrome 和 Safari。
3. -webkit-text-fill-color: transparent;
將文本的填充顏色設置為透明。
-webkit-text-fill-color 也是一個非標準的 CSS 屬性，用于在 WebKit 內核瀏覽器中設置文本的填充顏色。
這個屬性與標準的 color 屬性類似，但它的設計目的是與 -webkit-text-stroke 一起使用，以提供更高級的文本樣式。
這同樣是一個 WebKit 特性。
- end -
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
