Fabric.js 1034 浏览 24 文章

Fabric.js是一款轻量、开源的HTML5 Canvas图形库，以简洁API简化Canvas开发，支持跨浏览器兼容（Chrome、Firefox、Safari等）。它封装了复杂的Canvas底层操作，提供拖拽、缩放、旋转、编组等基础交互，内置矩形、圆形、路径、文本等原生图形对象，还支持自定义图形…

FabricJS 的缺陷

FabricJS 的缺陷

这个页面包含了第一次接触 FabricJS 的人打开的最常见问题的列表。这些缺陷的产生，既有解释不清的原因，也有文档不完善的原因。在这里，我们试图解决共同的问题。 Objects are no more selectable - setCoords 对象不再是可选择的-setCoords Fabri…

2026-03-07 466 浏览 0 评论
自定义控件 API

自定义控件 API

这个 api 是针对 Fabric JS 4.0 的，api 和文本目前处于测试阶段。为了使命名和选项尽可能简单，在发布之前可能会发生一些小的变化。 Introduction 此 API​ 允许开发人员创建自己的自定义控件，而不必对标准 fabricJS 控件方法使用重写。这使得自定义支持，容易，并…

2026-03-06 434 浏览 0 评论
Part 8：裁切 和 ClipPath 裁切路径

Part 8：裁切 和 ClipPath 裁切路径

ClipPaths basics The new clipPath property 新的 clipPath 属性 在 2.4.0 中，我们为所有对象引入了 clipPath 属性。 ClipPath 将替换 clipTo:funcion(){} ，以实现相同的灵活性，但具有更好的兼容性。 Clip…

2026-03-05 461 浏览 0 评论
Part 7：对 Text 类进行子分类以生成位图文本

Part 7：对 Text 类进行子分类以生成位图文本

本教程是针对 stackoveflow 问题而创建的，在该问题中，用户需要在 fabricJS 中使用位图而不是字体的文本对象。该代码示例包含启动子类所需了解的所有内容。当您无法通过其他 API（事件，自定义控件）获得所需的功能时，请考虑子类化是一种最后的资源。 var canvas = new f…

2026-03-04 370 浏览 0 评论
Part 6：Using transformations 使用转换

Part 6：Using transformations 使用转换

理解 transformations 如何在 fabricJS 上工作是尽可能顺利地编写应用程序的一个关键方面。 Methods and properties related to transformations 与转换有关的方法和属性 如果您计划了解和使用带有自定义代码的 fabricJS 转换，…

2026-03-03 410 浏览 0 评论
Part 5：Zoom and panning 缩放和平移

Part 5：Zoom and panning 缩放和平移

在上一个系列中，我们讨论了很多主题。从基本的对象操作到动画，事件，过滤器，组和子类。但是仍然有一些非常有趣和有用的事情要讨论！ Zoom and panning 缩放和平移 让我们看看如何通过鼠标交互来实现缩放和平移的基本系统。我们将使用鼠标滚轮在画布上放大 20 倍（2000％），并使用 alt …

2026-03-02 405 浏览 0 评论
Part 4：Free drawing 自由绘画、Customization 可定制化、Fabric on Node.js

Part 4：Free drawing 自由绘画、Customization 可定制化、Fabric on Node.js

在上一个系列中，我们讨论了很多主题。从基本的对象操作到动画，事件，过滤器，组和子类。但是仍然有一些非常有趣和有用的事情要讨论！ Free drawing 如果说有什么功能能让 <canvas> 在眼前一亮，那一定是它能够很好的支持自由绘图！由于画布只是一个 2D 位图， Fabric 为…

2026-03-01 407 浏览 0 评论
Part 3：Groups 组合、Serialization 序列化、Deserialization、SVG parser 反序列化、SVG 解析器、Subclassing

Part 3：Groups 组合、Serialization 序列化、Deserialization、SVG parser 反序列化、SVG 解析器、Subclassing

我们已经覆盖了大多数的基本知识在 第一 和 第二 这一系列的组成部分。让我们继续使用更高级的 stuf！ Groups 组合 我们首先要谈论的是 Groups。Groups 是 Fabric 最强大的功能之一。它们的确像是听起来的样子—一种将任何 Fabric 对象分组为单个实体的简单方…

2026-02-28 394 浏览 0 评论
Part 2：Animation 动画、Image filters 图像滤镜、Colors 颜色、Gradients 渐变、Text 文本、Events 事件

Part 2：Animation 动画、Image filters 图像滤镜、Colors 颜色、Gradients 渐变、Text 文本、Events 事件

在本系列的第一部分中，我们只是开始熟悉 Fabric.js。我们研究了使用 Fabric 的原因，对象模型和对象层次结构，Fabric 中可用的不同种类的实体-简单的形状，图像和复杂的路径。我们还学习了如何对画布上的 Fabric 对象执行简单的操作。 既然大多数基本知识都结束了，那么让我们开始一些…

2026-02-28 372 浏览 0 评论

Part 1：Objects 对象、Canvas 画布、Images 图像、Paths 形状

今天，我想向您介绍 Fabric.js - 一个功能强大的 JavaScript 库，使使用 HTML5 canvas 的工作变得轻而易举。 Fabric 提供了画布缺少的对象模型，以及 SVG 解析器，交互性层和一整套其他必不可少的工具。这是一个完全开放源代码的项目，已获得麻省理工学院 （MIT）…

2026-02-27 433 浏览 0 评论

推荐文章

热门标签

弹性布局 跨域 图例 Adobe Creative Suite Cleaner Tool CMD node_gyp iPhone 图层拼合 cp 命令 监听器

本文目录