摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 元素是 Fabric.js 的重要组成部分，如果画布上没有元素，那其实没啥意义。 元素数量多了，难免会产生重叠。又或者某些效果需要几个元素重叠起来。这些情况大概率需要控制元素的层级。 本文将讲解 Fabric.js 中的5种控制元素层级的方法。 准备阶 阅读全文
posted @ 2022-06-25 13:43
德育处主任
阅读(492)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 HTML 也好，Word 也好，基本都有下划线和删除线（中划线）。 Fabric.js 作为一个老牌 canvas 库，当然也提供中划线和下划线的配置啦，除此之外还提供了上划线的配置。 本文要讲解的就是这3种装饰线在 fabric.js 中的使用方 阅读全文
posted @ 2022-06-25 13:41
德育处主任
阅读(504)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 使用 canvas 开发的项目，滚轮缩放画布的需求应该不算少数，比如地图。 Fabric.js 也提供了缩放画布的功能，本文主要讲解设置画布大小的几种方法。 动手实现 在动手前先查查文档。 我把和本文相关的文档放在这 mouse:wheel：滚轮事件 阅读全文
posted @ 2022-06-25 11:34
德育处主任
阅读(330)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。 效果如图所示： 要实现2种操作 全文加粗 只加粗选中的文字 如果你还不清楚 Fabric.js 有什么用，我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。该文 阅读全文
posted @ 2022-06-25 11:34
德育处主任
阅读(83)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的橡皮擦功能。 Fabric.js 的基础包并没有包含橡皮擦模块，如果你的项目需要使用橡皮擦，要使用定制版的 Fabric.js 。 本文需要有 Fabric.js 基础知识。 如果你还不清楚什么是 Fabric.js ， 阅读全文
posted @ 2022-06-25 11:33
德育处主任
阅读(327)
评论(0)
推荐(0)
摘要：
本文简介 这次要讲的是 自由绘制圆形 。 在 《Fabric.js 自由绘制矩形》 里讲到的思路，放在圆形里不太适用。 这次要做到的效果如下图所示。 思路 Fabric.js 默认的框选操作是矩形，如果需要做到上图的效果，需要做以下3步： 点击画布时 canvas.on('mouse:down', 阅读全文
posted @ 2022-06-25 11:31
德育处主任
阅读(209)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解在 Fabric.js 中如何自由绘制椭圆形，如果你还不了解 Fabric.js，可以查阅 《Fabric.js从入门到精通》。 效果如下图所示 思路 Fabric.js 在初始化画布之后，可以执行框选操作，但默认是使用矩形的方式来框选，如下图 阅读全文
posted @ 2022-06-25 11:31
德育处主任
阅读(83)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 不知道你在使用 Fabric.js 时有没有发现，如果一个画布存在多个元素，而且它们之前是层叠的，当你选中底层的元素时，那个元素会跳到最顶层；当你释放该元素后，它又跑回原有层级。这是 Fabric.js 的默认状态。 如果你不希望操作时出现这种情况，你 阅读全文
posted @ 2022-06-25 11:31
德育处主任
阅读(115)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在使用第三方UI组件库时会发现可以在他们的组件上使用 v-model ，比如 Element-UI 或者 Element-plus 的 el-input 就可以使用 v-model 进行数据绑定。 本文就以 input 元素做例子，实现在自定义组件中使 阅读全文
posted @ 2022-06-25 11:29
德育处主任
阅读(111)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 不管工作还是学习，我都很喜欢用 scss 和 less ，真的比纯 css 方便太多了。 本文讲解如何在 js 里导入 scss 的变量。 在动态换肤的网站里这种做法很常见。 我使用 vite 搭建一个 vue3 项目来举例。 动手 好记性不如烂键盘， 阅读全文
posted @ 2022-06-25 11:29
德育处主任
阅读(358)
评论(0)
推荐(0)
浙公网安备 33010602011771号