摘要: 前言 本文主要讲前端开发时遇到的 编码规范难以落地的问题 以及 解决方案 ,包括 编码规范 和 git commit 规范。 重点在 落实前端团队编码规范 的操作上。跟着我一步一步去做,一定可以将规范落地。 问:要不要制定编码规范?要不要使用 ESLint ?要不要规范化 git 的提交 ? 答:非 阅读全文
posted @ 2022-06-25 13:54 德育处主任 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 本文简介 Fabric.js 默认没提供 鼠标右键事件,只有 鼠标按键点击 、鼠标按键抬起 、鼠标移动 等事件。 但在工作中有可能需要用到 “右键” 事件,比如 “右键菜单” 。所以就有了本文。 本文主要关注 Fabric.js 的主要 api 有: fireRightClick:允许右键点击 st 阅读全文
posted @ 2022-06-25 13:54 德育处主任 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 本文介绍 我使用 Fabric.js 的版本是 4.6.0。 这次要实现的效果是:在本地上传一张图片,然后渲染到 canvas 里(当做背景图)。 我会用 原生 的方法实现一次,然后再在 Vue3 + Element-plus 环境下实现一次。 最后聊聊我在真实项目中的做法。 需求: 通过点击上传按 阅读全文
posted @ 2022-06-25 13:53 德育处主任 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第29天,点击查看活动详情 本文简介 点赞 + 关注 + 收藏 = 学会了 不管是在富文本编辑器还是在Word里,都有“斜体”功能。而 Fabric.js 也不例外。本文主要讲解在 Fabric.js 中使用 IText 创建的文本 阅读全文
posted @ 2022-06-25 13:52 德育处主任 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 想知道更多 Fabric.js 的玩法,关注我,第一时间获得最新推送 本文简介 在阅读本文前,你首先需要知道什么是 Fabric.js,还需要知道 Fabric.js 是如何创建矩形的。 如果你还没满足上面2个条件,推荐阅读 《Fabric.js从入门到____》 我在 Fabric.js 使用 框 阅读全文
posted @ 2022-06-25 13:52 德育处主任 阅读(844) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 对于数学化学这方面的项目,“上标” 和 “下标” 功能是很常用的,比如 次方 、化学元素 等表达方式,都需要用到上标或者下标。 在 Fabric.js 中,文本元素有 Text 、IText 和 Textbox 。本文主要讲解 IText 的上标和下标 阅读全文
posted @ 2022-06-25 13:51 德育处主任 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 评论 = 学会了 在使用 Fabric.js 开发时,可能会需要将元素居中。 本文总结了 Fabric.js 常用的将元素居中的方法,其中包括: 基于视窗的水平居中 基于画布的水平居中 带动画效果的水平居中 基于视窗的垂直居中 基于画布的垂直居中 带动画效果的垂直居中 阅读全文
posted @ 2022-06-25 13:49 德育处主任 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 Fabric.js 开启绘画模式后,可以设置画笔的样式。 画笔又分好几种,本文主要介绍 Fabric 基础画笔的用法。 之前写过 《Fabric.js 橡皮擦的用法》 也用到了绘图模式,有兴趣的可以去看看。 本文使用 Fabric.js 5.2.1 常 阅读全文
posted @ 2022-06-25 13:49 德育处主任 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在 HTML 中,input 输入框有2种方法自动聚焦,最简单的是在 input 标签上添加 autofocus 属性。 再次点的方法是使用 JS 获取输入框元素,再调用 focus 事件选中输入框。 在 Fabric.js 中,IText 组件也提供 阅读全文
posted @ 2022-06-25 13:49 德育处主任 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 在 Vue3中使用Fabric.js实现渐变(Gradient)效果,包括径向渐变radial Fabric.js 简介 用官方的话来讲 Fabric.js 是一个强大而简单的 Javascript HTML5 canvas 工具库 简单来说,如果你需要用 canvas 做特效或者做交互,那不妨试试 阅读全文
posted @ 2022-06-25 13:48 德育处主任 阅读(82) 评论(0) 推荐(0) 编辑