摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 学习 Fabric.js，我的建议是看文档不如看 demo。 本文实现的功能：将元素拖进到画布中并生成对应的图形或图片。 效果如下图所示： 思路 要实现以上效果，需要考虑以下几点： 元素有拖拽功能。 能在画布中生成对应的元素。 画布有可能缩放。 画布有 阅读全文
posted @ 2023-01-10 12:39
德育处主任
阅读(579)
评论(0)
推荐(1)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 记录一个在使用 HBuilderX 开发 App 时遇到的问题。 同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示 出现这个问题的原因是我把手机的 HBuilder App 给删掉了，通过电脑连接数据线的方式安装就会提示 阅读全文
posted @ 2023-01-05 09:48
德育处主任
阅读(1735)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 《p5.js 光速入门》 中都是使用 CDN 的方式去使用 p5.js 的，不太符合当下的开发习惯。 不管是使用 Vue 还是 React，我们日常项目大部分应该都是使用脚手架的方式进行开发了，按照 《p5.js 光速入门》 的方式在 module 阅读全文
posted @ 2022-12-29 13:56
德育处主任
阅读(366)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 之前有些工友留言：在 fabric.js 中怎么保存元素的自定义属性？ 比如，创建一个矩形，这个矩形有自己的 ID 属性，在执行序列化操作出来的结果却看不到 ID 属性了。 如何在序列化时输出自定义属性？其实答案都写在文档里。 本文会用真实代码演示一下 阅读全文
posted @ 2022-12-26 14:29
德育处主任
阅读(133)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 提供了一个方法可以检查对象是否与另一个对象相交（也可以叫元素是否重叠）。 这个方法叫 intersectsWithObject()。 本文主要想提一下 fabric.js 存在这么一个方便的方法。 检测元素是否相交有什么用呢？ 这个 阅读全文
posted @ 2022-12-26 14:28
德育处主任
阅读(214)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 喷雾笔刷 SprayBrush 是 fabric.js 提供的一个很好玩的工具，而且 fabric.js 也封装好了很多非常方便的属性让我们配置，用起来非常简单的。 先看看效果： 常规配置 喷雾笔刷作为一款笔刷工具，要使用它首先要让画布开启“绘画模式” 阅读全文
posted @ 2022-12-26 14:28
德育处主任
阅读(148)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 接着 《Canvas 从入门到劝朋友放弃（图解版）》 ，本文继续补充 canvas 基础知识点。 这次我不手绘了！ 本文会涉及到 canvas 的知识包括：变形、像素控制、渐变、阴影、路径 变形 这里说的变形是基于画布，全局进行变形。 变形主要包括：平 阅读全文
posted @ 2022-12-23 08:14
德育处主任
阅读(93)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文的目标是和各位工友一起有序的快速上手 p5.js ，会讲解 p5.js 的基础用法。 本文会涉及到的内容包括： 项目搭建 p5.js 基础2D图形 文字 图形样式设置 图片 事件（交互相关的） 基础动画 其中还会讲解部分 p5.js 全局方法。 本 阅读全文
posted @ 2022-12-23 08:09
德育处主任
阅读(148)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 这次要推荐一个在前端就能实现 汉字转拼音 的工具库 —— pinyin-pro 。 这个库不止能把中文转成拼音输出，还有拼音匹配、获取声母、获取韵母、获取拼音首字母等功能。 而且还是中文文档啦 ~~这不是废话吗？~~ 先看看效果~ pinyin-pro 阅读全文
posted @ 2022-12-23 08:05
德育处主任
阅读(274)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 使用 fabric.js 在某些情况下你可能需要固定元素边框的宽度，仔细看文档你会发现 fabric.js 已经为我们提供了这个功能。本文简单介绍一下这个功能。 实现方法 先揭晓答案，将元素的 strokeUniform 属性设置为 true 后，元素 阅读全文
posted @ 2022-12-23 08:03
德育处主任
阅读(152)
评论(0)
推荐(0)
浙公网安备 33010602011771号