五分钟实现超简单的图片伪 3D 效果

2020-03-17
阅读 3 分钟
7.3k
前言 最近看到一个很酷却又很容易实现的图片伪 3D 效果,效果如下: 现在让我们来看看如何实现它。 材料准备 我们需要准备的材料有: 一张图片。 上述图片的深度图。 啥是深度图?深度图就是描述原始图片上的每个像素距离屏幕远近的一种图片,一般来说越白就距离屏幕越近,越黑就距离屏幕越远。例如,前言中的示例风景的...

关于 word-break 与 word-wrap 需要了解的知识

2020-03-13
阅读 3 分钟
3.1k
CSS 中有一对容易让人混淆的规则,word-break 与 word-wrap。我们常常用它们进行换行的控制,不过我基本是处于用完就忘的状态,这次趁着机会总结一下关于它们的知识。

Canvas 中的透明图像描边

2020-03-10
阅读 3 分钟
4.4k
图像描边是设计软件中常见的图像处理功能,在 Canvas 中有 strokeText 能够直接对文字进行描边,那么有没有一个 API 能够对图像进行描边呢?很遗憾,并没有。为什么这么简单的功能都没有?那我们要如何实现描边呢?这就让我们来看看有哪些方案能够实现描边效果。

Typescript 实践中的观察者模式

2020-03-03
阅读 7 分钟
2.2k
这一系列是对平时工作与学习中应用到的设计模式的梳理与总结。由于关于设计模式的定义以及相关介绍的文章已经很多,所以不会过多的涉及。该系列主要内容是来源于实际场景的示例。定义描述主要来自 head first design pattern,UML 图来源。

Typescript 实践中的命令模式

2020-02-26
阅读 5 分钟
2.1k
这篇文章是平时开发中对设计模式的体会与总结。其中关于设计模式定义的描述主要来自 head first design pattern,UML 图来源于一个很优秀的 设计模式学习文档。