整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
用开源软件为你最喜欢的万圣节鬼屋制作一个有趣和怪异的装饰品。
使用开源软件装饰一个独一无二的万圣节灯笼！
通常，灯笼的一部分结构体是不透明的，以阻挡内部的光线。灯笼之所以成为灯笼，是因为其去掉了一些东西 ：从结构体上切开的窗口，这样光线就可以射出。虽然对于照明来说不实用，但是一个有着怪异形状窗口和隐藏暗色轮廓的灯笼却可以令人兴奋，并创造出很多乐趣。
这篇演示如何使用 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小时内与您取得联系。
