摘要：
本文简介 这次要讲的是 4个 “摆正” 元素的方法，这是我工作中遇到的场景。 我不知道 straighten 使用 “摆正” 这个词来翻译正不正确，反正我就是要这么叫！ straighten：根据距离的远近，将元素从当前角度旋转至0、90、180、270等角度。 【百度百科的定义】 straight 阅读全文
posted @ 2022-06-25 13:46
德育处主任
阅读(84)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 IText 是 Fabric.js 提供的一个 可编辑文本 的元素。 要设置文字颜色，可以设置 fill 。 但 fill 会设置所有文字的颜色，如果你只想修改指定文字的颜色，只用 fill 就不是那么容易实现了。 本文要讲的就是 设置指定文字的颜色和 阅读全文
posted @ 2022-06-25 13:46
德育处主任
阅读(480)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文使用 Fabric.js 的 IText 演示。如果你还不懂 Fabric.js ，我墙裂推荐你阅读 《Fabric.js从入门到精通》。 一图胜千言，先看看图我们再写作文~ 分析 需求 从上图可以看出以下功能需求： 文本被选中后才能修改字号 整体 阅读全文
posted @ 2022-06-25 13:44
德育处主任
阅读(76)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 如果你的项目有画布拖拽、缩放等功能，而且你不希望背景图跟随拖拽或缩放，那一定要往下读。 本文主要讲解如何锁定背景图，锁定背景图其实只需设置1个属性即可。 本文会添加滚轮缩放画布、拖拽画布等功能来测试 “锁定背景图” 的效果。 应该可以清晰看出，不管如何 阅读全文
posted @ 2022-06-25 13:44
德育处主任
阅读(118)
评论(0)
推荐(0)
摘要：
本文简介 Fabric.js 提供了2个方法删除对象。 一个是 直接删除，另一个方法是 带过渡动画 删除元素（淡出动画）。 本文重点讲 带过渡动画 删除元素的方法，还会讲到设置 过渡时长 、删除后的 回调函数 等知识点。 相关API 删除元素的2种方法： canvas.remove(...objec 阅读全文
posted @ 2022-06-25 13:43
德育处主任
阅读(196)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 元素是 Fabric.js 的重要组成部分，如果画布上没有元素，那其实没啥意义。 元素数量多了，难免会产生重叠。又或者某些效果需要几个元素重叠起来。这些情况大概率需要控制元素的层级。 本文将讲解 Fabric.js 中的5种控制元素层级的方法。 准备阶 阅读全文
posted @ 2022-06-25 13:43
德育处主任
阅读(475)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 HTML 也好，Word 也好，基本都有下划线和删除线（中划线）。 Fabric.js 作为一个老牌 canvas 库，当然也提供中划线和下划线的配置啦，除此之外还提供了上划线的配置。 本文要讲解的就是这3种装饰线在 fabric.js 中的使用方 阅读全文
posted @ 2022-06-25 13:41
德育处主任
阅读(498)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 使用 canvas 开发的项目，滚轮缩放画布的需求应该不算少数，比如地图。 Fabric.js 也提供了缩放画布的功能，本文主要讲解设置画布大小的几种方法。 动手实现 在动手前先查查文档。 我把和本文相关的文档放在这 mouse:wheel：滚轮事件 阅读全文
posted @ 2022-06-25 11:34
德育处主任
阅读(321)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。 效果如图所示： 要实现2种操作 全文加粗 只加粗选中的文字 如果你还不清楚 Fabric.js 有什么用，我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。该文 阅读全文
posted @ 2022-06-25 11:34
德育处主任
阅读(75)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的橡皮擦功能。 Fabric.js 的基础包并没有包含橡皮擦模块，如果你的项目需要使用橡皮擦，要使用定制版的 Fabric.js 。 本文需要有 Fabric.js 基础知识。 如果你还不清楚什么是 Fabric.js ， 阅读全文
posted @ 2022-06-25 11:33
德育处主任
阅读(316)
评论(0)
推荐(0)
浙公网安备 33010602011771号