Quill 是一个免费且开源的文本编辑器，属于所见即所得 (WYSIWYG) 编辑器，主要构建于我们今天使用的现代网络。它是一个高度可定制的文本编辑器，并具有许多表达性 API。Quill 非常易于使用，并提供了一个良好的界面，即使是只使用标记语言的人也能理解。在本教程中，我们将通过多个示例来解释如何使用 Quill.js 构建文本编辑器。虽然有数十种富文本编辑器属于 WYSIWYG 文本编辑器，但最广泛使用的是... 阅读更多

众所周知，代码容易出错，有时即使我们知道某个工作流程在某些情况下可以正常工作，但我们也可能忘记其他一些情况。简单来说，可以认为，当我们手动测试代码时，可能会遗漏某些内容。例如，假设我们有两个函数，func1() 和 func2()，我们知道 func1() 适用于我们在测试中定义的案例，但我们发现 func2() 不起作用。然后我们修复 func2()，但后来忘记检查是否... 阅读更多

在当今的 Web 开发世界中，动画已成为网站界面中不可或缺的一部分。它们有助于增强网站的用户体验，在这篇文章中，我们将学习如何利用 Velocity.js 向我们的网页添加漂亮的动画。VelocityJS 是一个 JavaScript 动画引擎，它为我们提供了非常快速的动画，我们可以在网页中使用。它已成为领先的动画引擎之一，其成功的原因有很多。我提到了使其成为非常... 阅读更多

AOS.js（滚动动画）是一个提供动画的 JavaScript 库，它可以通过简单地更改要添加动画的 div 标签中的类名称来轻松添加大量动画。虽然还有其他不同的动画 JavaScript 库，但 AOS.js 可能是其中最简单的。在本教程中，我们将通过不同的示例探索可以在 AOS.js 中使用的不同类型的动画。我们将探索的第一类动画是淡入淡出动画。在我们这样做之前，我们首先需要确保... 阅读更多

在本教程中，我们将演示如何使用 Slick.js 处理轮播，然后将其添加到您的网站。我们将从创建简单的图像轮播开始，其中可以使用基本的滚动，然后根据我们的需要，通过向轮播添加不同的属性，慢慢地对轮播进行一些更改。如果您尝试在不使用任何库的情况下创建轮播，则会非常耗时。为了减少工作量并能够添加具有不同属性的多种类型的轮播，... 阅读更多

在本教程中，我们将学习如何使用 FabricJS 更改文本中各个字符的基线。我们可以通过添加 fabric.Text 的实例在画布上显示文本。它不仅允许我们移动、缩放和更改文本的尺寸，还提供其他功能，如文本对齐、文本装饰、行高，分别可以通过 textAlign、underline 和 lineHeight 属性获得。类似地，我们还可以使用 deltaY 属性更改各个字符的基线。语法 new fabric.Text(text: String , { styles: { deltaY: Number}:Object }: Object) ... 阅读更多

在本教程中，我们将学习如何使用 FabricJS 设置文本变换的垂直原点。我们可以通过添加 fabric.Text 的实例在画布上显示文本。它不仅允许我们移动、缩放和更改文本的尺寸，还提供其他功能，如文本对齐、文本装饰、行高，分别可以通过 textAlign、underline 和 lineHeight 属性获得。类似地，我们还可以使用 originY 属性设置垂直变换原点。语法 new fabric.Text(text: String , { originY : String }: Object) ... 阅读更多

在本教程中，我们将学习如何使用 FabricJS 设置文本的上划线。我们可以通过添加 fabric.Text 的实例在画布上显示文本。它不仅允许我们移动、缩放和更改文本的尺寸，还提供其他功能，如文本对齐、文本装饰、行高，分别可以通过 textAlign、underline 和 lineHeight 属性获得。类似地，我们还可以使用 overline 属性设置文本的上划线。语法 new fabric.Text(text: String , { overline : Boolean }: Object) 参数 text − ... 阅读更多

在本教程中，我们将学习如何使用 FabricJS 设置文本中文字的对齐方式。我们可以通过添加 fabric.Text 的实例在画布上显示文本。它不仅允许我们移动、缩放和更改文本的尺寸，还提供其他功能，如文本对齐、文本装饰、行高，分别可以通过 textAlign、underline 和 lineHeight 属性获得。类似地，我们还可以使用 textAlign 属性设置其文本对齐方式。语法 new fabric.Text(text: String , { textAlign : String }: Object) 参数 ... 阅读更多

在本教程中，我们将学习如何使用 FabricJS 设置文本中单个字符的样式。我们可以通过添加 fabric.Text 的实例来在画布上显示文本。它不仅允许我们移动、缩放和更改文本的尺寸，还提供其他功能，例如文本对齐、文本修饰、行高，这些功能可以通过 textAlign、underline 和 lineHeight 属性分别获得。类似地，我们还可以使用 styles 属性设置单个字符的样式。语法 new fabric.Text(text: String , { styles: Object }: Object) 参数 ... 阅读更多