用SVG滤镜模拟手绘动画的“沸腾”效果

2025-07-21
用SVG滤镜模拟手绘动画的“沸腾”效果

本文介绍了一种使用SVG滤镜模拟手绘动画中常见“沸腾”效果的方法。这种效果通过对图像边缘应用轻微的扭曲动画来实现,使其看起来像在微微抖动。文章详细解释了如何使用feTurbulence和feDisplacementMap滤镜生成噪声纹理并将其应用于图像,以及如何使用JavaScript动画化滤镜参数来创建“沸腾”效果。文中还提供了交互式演示,允许用户调整参数并观察效果变化。最终,作者成功地利用简单的SVG滤镜和JavaScript代码,在网页上模拟出了逼真的手绘动画效果。

阅读更多
开发

告别ERB!使用Phlex编写纯Ruby邮件模板

2025-03-03
告别ERB!使用Phlex编写纯Ruby邮件模板

厌倦了在Rails中使用ERB编写邮件模板?本文介绍如何使用Phlex这个Ruby库,用纯Ruby代码编写HTML邮件模板,告别ERB带来的繁琐和低效。作者详细介绍了从ERB迁移到Phlex的步骤,包括创建Phlex视图、布局以及使用roadie-rails内联样式,最终实现整个Rails应用零ERB的优雅目标。文章还附带了完整的代码示例和测试用例,帮助读者快速上手。

阅读更多

十五个基本属性 | 卡米洛·维西尼

2024-05-13
十五个基本属性 | 卡米洛·维西尼

本文介绍了建筑师和设计理论家克里斯托弗·亚历山大提出的整体性的十五个基本属性,包括尺度级别、强中心、厚边界、交替重复、正空间、良好形状、局部对称、深度互锁和模糊性、对比、梯度、粗糙度、回声、空隙、简单和内在的平静以及不可分离性。这些属性解释了物体和建筑物如何通过其组成元素的排列和相互作用来实现整体性。

阅读更多
未分类 整体性