摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 在 《p5.js 光速入门》 中都是使用 CDN 的方式去使用 p5.js 的,不太符合当下的开发习惯。 不管是使用 Vue 还是 React,我们日常项目大部分应该都是使用脚手架的方式进行开发了,按照 《p5.js 光速入门》 的方式在 module 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 之前有些工友留言:在 fabric.js 中怎么保存元素的自定义属性? 比如,创建一个矩形,这个矩形有自己的 ID 属性,在执行序列化操作出来的结果却看不到 ID 属性了。 如何在序列化时输出自定义属性?其实答案都写在文档里。 本文会用真实代码演示一下 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 提供了一个方法可以检查对象是否与另一个对象相交(也可以叫元素是否重叠)。 这个方法叫 intersectsWithObject()。 本文主要想提一下 fabric.js 存在这么一个方便的方法。 检测元素是否相交有什么用呢? 这个 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 喷雾笔刷 SprayBrush 是 fabric.js 提供的一个很好玩的工具,而且 fabric.js 也封装好了很多非常方便的属性让我们配置,用起来非常简单的。 先看看效果: 常规配置 喷雾笔刷作为一款笔刷工具,要使用它首先要让画布开启“绘画模式” 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 接着 《Canvas 从入门到劝朋友放弃(图解版)》 ,本文继续补充 canvas 基础知识点。 这次我不手绘了! 本文会涉及到 canvas 的知识包括:变形、像素控制、渐变、阴影、路径 变形 这里说的变形是基于画布,全局进行变形。 变形主要包括:平 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 本文的目标是和各位工友一起有序的快速上手 p5.js ,会讲解 p5.js 的基础用法。 本文会涉及到的内容包括: 项目搭建 p5.js 基础2D图形 文字 图形样式设置 图片 事件(交互相关的) 基础动画 其中还会讲解部分 p5.js 全局方法。 本 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 这次要推荐一个在前端就能实现 汉字转拼音 的工具库 —— pinyin-pro 。 这个库不止能把中文转成拼音输出,还有拼音匹配、获取声母、获取韵母、获取拼音首字母等功能。 而且还是中文文档啦 ~~这不是废话吗?~~ 先看看效果~ pinyin-pro 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 使用 fabric.js 在某些情况下你可能需要固定元素边框的宽度,仔细看文档你会发现 fabric.js 已经为我们提供了这个功能。本文简单介绍一下这个功能。 实现方法 先揭晓答案,将元素的 strokeUniform 属性设置为 true 后,元素 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 技术一直在演变,在网页中使用 SVG 的方法也层出不穷。每个时期都有对应的最优解。 所以我打算把我知道的 7种 SVG 的使用方法列举出来,有备无患~ 如果你还知道其他方法,可以在评论区补充~ 1. 在浏览器直接打开 <?xml version="1. 阅读全文
摘要:
本文简介 点赞 + 关注 + 收藏 = 学会了 不管是做游戏还是做普通网页,在这个时代基本都离不开动画。 说到动画,第一个联想到的概念就是“帧”。这是用来衡量和描述动画是否流畅的一个单位。 在 Three.js 中也有一款检测帧数(FPS)的工具,叫做 Stats.js 。 这款工具是 Three. 阅读全文