图片编辑器 1097 浏览 17 文章

图片编辑器是用于处理、编辑数字图像的工具，涵盖基础裁剪、调色、滤镜应用，到专业级图层操作、特效合成等功能，支持照片优化、创意设计及商业素材制作，适配手机、电脑多终端，满足个人修图、自媒体创作、设计工作等多元需求，操作从入门级直观界面到专业级复杂参数调整均有覆盖，是数字内容创作与视觉优化的核心工具之一…

Fabric.js 隐藏图层 toDataURL 导出空白彻底解决

Fabric.js 隐藏图层 toDataURL 导出空白彻底解决

在基于 Fabric.js 开发在线画布编辑器、图片设计、图层合成、电子签章等项目时，绝大多数开发者都会遇到一个高频棘手问题： 画布中存在隐藏图层（设置 visible: false）时，调用 toDataURL 导出图片会出现空白、透明空图、无内容的情况 。 很多同学尝试修改画布背景、调整渲染时机…

2026-07-18 220 浏览 0 评论
Fabric.js 示例：与画布外的对象交互

Fabric.js 示例：与画布外的对象交互

现在的网页，很少再使用传统的模式开发了，一般都是使用 Vue 等前端框架开发，提高了开发速度，但是如何与 Fabric.js​ 如何交互和操作是个问题，下面是一个简单的示例： <template> <div class="groups"> <canvas id="can…

2026-03-07 441 浏览 0 评论

Fabric.js 示例：自定义控件、多边形

该 demo 演示了如何使用控件 api 进行更改多边形形状的操作。由于需要了解内部多边形逻辑，定位点和转换，因此通常很难把握。在 demo 中，画布具有缩放和平移功能，因此我们确定我们的代码足够通用。出于相同的原因，多边形也被赋予了较大的 strokeWidth。 我们具有触发编辑模式的功能。当进…

2026-03-06 226 浏览 0 评论
Fabric.js 对象缓存

Fabric.js 对象缓存

How does it work? 它是如何工作的？ 当 fabric 对象缓存处于活动状态时，在画布上绘制的对象实际上是在另一个较小的屏幕外画布上预先绘制的，与对象像素维度本身一样大。在“render”方法中，通过“drawImage”操作将预绘制的…

2026-03-04 298 浏览 0 评论
FabricJS 的缺陷

FabricJS 的缺陷

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

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

自定义控件 API

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

2026-03-06 432 浏览 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 460 浏览 0 评论
Part 7：对 Text 类进行子分类以生成位图文本

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

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

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

Part 6：Using transformations 使用转换

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

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

Part 5：Zoom and panning 缩放和平移

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

2026-03-02 403 浏览 0 评论

推荐文章

热门标签

工具函数 JPEG 短链接 参数校验 Tesseract overflow 远程链接 IP属地 yum Google Adsense

本文目录