摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 在出厂时就提供了几个基础图形,比如矩形、圆形、三角形等。 但这些图形可能不能满足日常开发,我们可能还需要一些自定义的图形。 我做了个 自定义半圆 的demo,聊聊如何创建自定义图形。 虽然 fabric.js 提供了非常简单的方法创 阅读全文
posted @ 2022-12-23 07:25
德育处主任
阅读(182)
评论(0)
推荐(0)
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 的铅笔其实是继承基础画笔的一个工具,在基础画笔的基础上多了“拐角平滑度”等配置项。 本文讲解铅笔的基础用法以及常用事件。 常规配置 真实世界的铅笔有不同的型号,颜色的深浅、笔芯的硬度都是不同的。 在 fabric.js 中,铅笔同样 阅读全文
posted @ 2022-12-23 07:24
德育处主任
阅读(384)
评论(0)
推荐(0)
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 在 《Fabric.js 使用纯色遮挡画布》 中讲到使用纯色的方式遮盖画布。如果你的常见需要使用图片来遮盖的话,fabric.js 也提供了相应的属性来配置。 相比起使用纯色遮盖画布,使用图片会更复杂。 因为图片本身是有尺寸大小的,所以可能会遇到缩放画 阅读全文
posted @ 2022-12-23 07:24
德育处主任
阅读(127)
评论(0)
推荐(0)
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 在 fabric.js 提供的文本组件中,默认状态是不会自动换行。如果你的使用场景中需要自动文本自动换行,可以使用 Textbox ,并将 splitByGrapheme 设置为 true 即可。 文本自动换行 如果需要实现本文自动换行的效果,可以使用 阅读全文
posted @ 2022-12-23 07:23
德育处主任
阅读(329)
评论(0)
推荐(0)
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 本文主要讲解如何禁止元素超出画布范围。效果如下图所示。 就算是修改了元素尺寸也一样可以限制元素超出画布。 分析 要实现上图的效果,需要考虑2中情况: 【情况1】元素的左边和上边不能超出画布的左边和上边。 【情况2】元素的右边和下边不能超出画布的右边和下 阅读全文
posted @ 2022-12-23 07:22
德育处主任
阅读(297)
评论(0)
推荐(0)