摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 使用 canvas 开发的项目,滚轮缩放画布的需求应该不算少数,比如地图。 Fabric.js 也提供了缩放画布的功能,本文主要讲解设置画布大小的几种方法。 动手实现 在动手前先查查文档。 我把和本文相关的文档放在这 mouse:wheel:滚轮事件 阅读全文
posted @ 2022-06-25 11:34 德育处主任 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。 效果如图所示: 要实现2种操作 全文加粗 只加粗选中的文字 如果你还不清楚 Fabric.js 有什么用,我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。该文 阅读全文
posted @ 2022-06-25 11:34 德育处主任 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的橡皮擦功能。 Fabric.js 的基础包并没有包含橡皮擦模块,如果你的项目需要使用橡皮擦,要使用定制版的 Fabric.js 。 本文需要有 Fabric.js 基础知识。 如果你还不清楚什么是 Fabric.js , 阅读全文
posted @ 2022-06-25 11:33 德育处主任 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 本文简介 这次要讲的是 自由绘制圆形 。 在 《Fabric.js 自由绘制矩形》 里讲到的思路,放在圆形里不太适用。 这次要做到的效果如下图所示。 思路 Fabric.js 默认的框选操作是矩形,如果需要做到上图的效果,需要做以下3步: 点击画布时 canvas.on('mouse:down', 阅读全文
posted @ 2022-06-25 11:31 德育处主任 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解在 Fabric.js 中如何自由绘制椭圆形,如果你还不了解 Fabric.js,可以查阅 《Fabric.js从入门到精通》。 效果如下图所示 思路 Fabric.js 在初始化画布之后,可以执行框选操作,但默认是使用矩形的方式来框选,如下图 阅读全文
posted @ 2022-06-25 11:31 德育处主任 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 不知道你在使用 Fabric.js 时有没有发现,如果一个画布存在多个元素,而且它们之前是层叠的,当你选中底层的元素时,那个元素会跳到最顶层;当你释放该元素后,它又跑回原有层级。这是 Fabric.js 的默认状态。 如果你不希望操作时出现这种情况,你 阅读全文
posted @ 2022-06-25 11:31 德育处主任 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在使用第三方UI组件库时会发现可以在他们的组件上使用 v-model ,比如 Element-UI 或者 Element-plus 的 el-input 就可以使用 v-model 进行数据绑定。 本文就以 input 元素做例子,实现在自定义组件中使 阅读全文
posted @ 2022-06-25 11:29 德育处主任 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 不管工作还是学习,我都很喜欢用 scss 和 less ,真的比纯 css 方便太多了。 本文讲解如何在 js 里导入 scss 的变量。 在动态换肤的网站里这种做法很常见。 我使用 vite 搭建一个 vue3 项目来举例。 动手 好记性不如烂键盘, 阅读全文
posted @ 2022-06-25 11:29 德育处主任 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第1天,点击查看活动详情。 本文简介 点赞 + 关注 + 收藏 = 学会了 在 Vue 生态里, Element UI 是排名前列的组件库。 在 Vue 发布到 3.0 时,Element 也发布了对应的组件库。也就是 Element 阅读全文
posted @ 2022-06-25 11:29 德育处主任 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在日常 Vue 项目中,大概率会用组件库辅助开发,所以 递归组件 的出镜率可能不会非常高。但这并不代表 递归组件 不重要。 本文用10分钟左右的时间让你掌握 递归组件 的用法。 在此之前,你必须掌握:html + css + js + Vue3 基础用 阅读全文
posted @ 2022-06-25 11:28 德育处主任 阅读(159) 评论(0) 推荐(0) 编辑