摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 选框是 fabric.js 默认提供的一种操作，fabric.js 提供了几个属性可以设置选框样式。 fabric.js 默认的选框样式如下图所示。 本文主要介绍一下 fabric.js 提供的这几个 api （全是以 selection 开头的）。 阅读全文
posted @ 2022-12-23 07:28
德育处主任
阅读(303)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 使用 fabric.js 创建出来的画布默认是不能拖拽移动的。 不过我们可以利用一些小技巧让画布具有被拖拽的能力，fabric.js 官网也提供了一个 demo ，但文档上并没有详细的讲解拖拽画布的实现原理。 本文就粗略分析一下这个原理。 原理解析 鼠 阅读全文
posted @ 2022-12-23 07:27
德育处主任
阅读(446)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 可以通过 viewportTransform 属性配置画布的视窗属性。 听上去很高级的样子，但其实这是原生 canvas 就已经存在的东西，fabric.js 的 viewportTransform 也就直接复用了原生 canvas 阅读全文
posted @ 2022-12-23 07:27
德育处主任
阅读(139)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 题目： 当两个元素有部分重叠时，选中底层元素后，想通过被盖住的部分移动元素，该如何实现？ 其实 Fabric.js 已经提供了相应的 API 去完成上面的需求了。但直到今天， Fabric.js 官方文档还是那么晦涩难懂，于是就有了本文。 动手实现 先 阅读全文
posted @ 2022-12-23 07:26
德育处主任
阅读(149)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 用 fabric.js 创建画布时，fabric.js 会在 canvas 元素外包一层 div 容器。 如果想方便设置容器样式或者想通过 js 控制该容器，可以先给容器一个类名。 本文主要讲如何给包装容器设置类名和相关注意事项。 设置容器类名 在使用 阅读全文
posted @ 2022-12-23 07:25
德育处主任
阅读(82)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 在出厂时就提供了几个基础图形，比如矩形、圆形、三角形等。 但这些图形可能不能满足日常开发，我们可能还需要一些自定义的图形。 我做了个 自定义半圆 的demo，聊聊如何创建自定义图形。 虽然 fabric.js 提供了非常简单的方法创 阅读全文
posted @ 2022-12-23 07:25
德育处主任
阅读(188)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 的铅笔其实是继承基础画笔的一个工具，在基础画笔的基础上多了“拐角平滑度”等配置项。 本文讲解铅笔的基础用法以及常用事件。 常规配置 真实世界的铅笔有不同的型号，颜色的深浅、笔芯的硬度都是不同的。 在 fabric.js 中，铅笔同样 阅读全文
posted @ 2022-12-23 07:24
德育处主任
阅读(404)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 《Fabric.js 使用纯色遮挡画布》 中讲到使用纯色的方式遮盖画布。如果你的常见需要使用图片来遮盖的话，fabric.js 也提供了相应的属性来配置。 相比起使用纯色遮盖画布，使用图片会更复杂。 因为图片本身是有尺寸大小的，所以可能会遇到缩放画 阅读全文
posted @ 2022-12-23 07:24
德育处主任
阅读(142)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 fabric.js 提供的文本组件中，默认状态是不会自动换行。如果你的使用场景中需要自动文本自动换行，可以使用 Textbox ，并将 splitByGrapheme 设置为 true 即可。 文本自动换行 如果需要实现本文自动换行的效果，可以使用 阅读全文
posted @ 2022-12-23 07:23
德育处主任
阅读(345)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文主要讲解如何禁止元素超出画布范围。效果如下图所示。 就算是修改了元素尺寸也一样可以限制元素超出画布。 分析 要实现上图的效果，需要考虑2中情况： 【情况1】元素的左边和上边不能超出画布的左边和上边。 【情况2】元素的右边和下边不能超出画布的右边和下 阅读全文
posted @ 2022-12-23 07:22
德育处主任
阅读(311)
评论(0)
推荐(0)
浙公网安备 33010602011771号