摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 HTML 中，input 输入框有2种方法自动聚焦，最简单的是在 input 标签上添加 autofocus 属性。 再次点的方法是使用 JS 获取输入框元素，再调用 focus 事件选中输入框。 在 Fabric.js 中，IText 组件也提供 阅读全文
posted @ 2022-06-25 13:49
德育处主任
阅读(217)
评论(0)
推荐(0)
摘要：
在 Vue3中使用Fabric.js实现渐变(Gradient)效果，包括径向渐变radial Fabric.js 简介 用官方的话来讲 Fabric.js 是一个强大而简单的 Javascript HTML5 canvas 工具库 简单来说，如果你需要用 canvas 做特效或者做交互，那不妨试试 阅读全文
posted @ 2022-06-25 13:48
德育处主任
阅读(111)
评论(0)
推荐(0)
摘要：
前言 本文的案例代码并非作者原创。 本文主要讲解 视差效果是如何实现的（原生三件套） ，本文并不涉及性能优化相关的知识点讲解（你就当我耍流氓吧）。 本文会从原理讲起，然后结合多个案例由浅入深去实现最终效果。 学废后帮我点个赞呗~ 本文的 『推荐』 部分也别错过喔~ 因为日常开发很少使用原生的方式去做 阅读全文
posted @ 2022-06-25 13:48
德育处主任
阅读(349)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 如果你还不太了解 Fabric.js 的序列化和反序列化，可以看看 Fabric.js 序列化 和 Fabric.js 反序列化。 本文要讲的 “精简JSON” 其实是 精简版序列化 。序列化可以将 Fabric.js 的画布导出成一个 JSON 对象 阅读全文
posted @ 2022-06-25 13:47
德育处主任
阅读(114)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的圆形笔刷功能。 圆形笔刷是作用在 “自由绘制” 的画笔之上的。从名字就可以看出，这个笔刷会用一个个圆形来填充绘制的路径。 看图会更直观 Fabric.js 会使用不同频率、大小、颜色深浅来绘制出上图效果。 本文使用 Fa 阅读全文
posted @ 2022-06-25 13:47
德育处主任
阅读(132)
评论(0)
推荐(0)
摘要：
本文简介 这次要讲的是 4个 “摆正” 元素的方法，这是我工作中遇到的场景。 我不知道 straighten 使用 “摆正” 这个词来翻译正不正确，反正我就是要这么叫！ straighten：根据距离的远近，将元素从当前角度旋转至0、90、180、270等角度。 【百度百科的定义】 straight 阅读全文
posted @ 2022-06-25 13:46
德育处主任
阅读(88)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 IText 是 Fabric.js 提供的一个 可编辑文本 的元素。 要设置文字颜色，可以设置 fill 。 但 fill 会设置所有文字的颜色，如果你只想修改指定文字的颜色，只用 fill 就不是那么容易实现了。 本文要讲的就是 设置指定文字的颜色和 阅读全文
posted @ 2022-06-25 13:46
德育处主任
阅读(489)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文使用 Fabric.js 的 IText 演示。如果你还不懂 Fabric.js ，我墙裂推荐你阅读 《Fabric.js从入门到精通》。 一图胜千言，先看看图我们再写作文~ 分析 需求 从上图可以看出以下功能需求： 文本被选中后才能修改字号 整体 阅读全文
posted @ 2022-06-25 13:44
德育处主任
阅读(79)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 如果你的项目有画布拖拽、缩放等功能，而且你不希望背景图跟随拖拽或缩放，那一定要往下读。 本文主要讲解如何锁定背景图，锁定背景图其实只需设置1个属性即可。 本文会添加滚轮缩放画布、拖拽画布等功能来测试 “锁定背景图” 的效果。 应该可以清晰看出，不管如何 阅读全文
posted @ 2022-06-25 13:44
德育处主任
阅读(122)
评论(0)
推荐(0)
摘要：
本文简介 Fabric.js 提供了2个方法删除对象。 一个是 直接删除，另一个方法是 带过渡动画 删除元素（淡出动画）。 本文重点讲 带过渡动画 删除元素的方法，还会讲到设置 过渡时长 、删除后的 回调函数 等知识点。 相关API 删除元素的2种方法： canvas.remove(...objec 阅读全文
posted @ 2022-06-25 13:43
德育处主任
阅读(202)
评论(0)
推荐(0)
浙公网安备 33010602011771号