摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 喷雾笔刷 SprayBrush 是 fabric.js 提供的一个很好玩的工具，而且 fabric.js 也封装好了很多非常方便的属性让我们配置，用起来非常简单的。 先看看效果： 常规配置 喷雾笔刷作为一款笔刷工具，要使用它首先要让画布开启“绘画模式” 阅读全文
posted @ 2022-12-26 14:28
德育处主任
阅读(142)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 接着 《Canvas 从入门到劝朋友放弃（图解版）》 ，本文继续补充 canvas 基础知识点。 这次我不手绘了！ 本文会涉及到 canvas 的知识包括：变形、像素控制、渐变、阴影、路径 变形 这里说的变形是基于画布，全局进行变形。 变形主要包括：平 阅读全文
posted @ 2022-12-23 08:14
德育处主任
阅读(80)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文的目标是和各位工友一起有序的快速上手 p5.js ，会讲解 p5.js 的基础用法。 本文会涉及到的内容包括： 项目搭建 p5.js 基础2D图形 文字 图形样式设置 图片 事件（交互相关的） 基础动画 其中还会讲解部分 p5.js 全局方法。 本 阅读全文
posted @ 2022-12-23 08:09
德育处主任
阅读(138)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 这次要推荐一个在前端就能实现 汉字转拼音 的工具库 —— pinyin-pro 。 这个库不止能把中文转成拼音输出，还有拼音匹配、获取声母、获取韵母、获取拼音首字母等功能。 而且还是中文文档啦 ~~这不是废话吗？~~ 先看看效果~ pinyin-pro 阅读全文
posted @ 2022-12-23 08:05
德育处主任
阅读(262)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 使用 fabric.js 在某些情况下你可能需要固定元素边框的宽度，仔细看文档你会发现 fabric.js 已经为我们提供了这个功能。本文简单介绍一下这个功能。 实现方法 先揭晓答案，将元素的 strokeUniform 属性设置为 true 后，元素 阅读全文
posted @ 2022-12-23 08:03
德育处主任
阅读(143)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 技术一直在演变，在网页中使用 SVG 的方法也层出不穷。每个时期都有对应的最优解。 所以我打算把我知道的 7种 SVG 的使用方法列举出来，有备无患~ 如果你还知道其他方法，可以在评论区补充~ 1. 在浏览器直接打开 <?xml version="1. 阅读全文
posted @ 2022-12-23 07:34
德育处主任
阅读(440)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 不管是做游戏还是做普通网页，在这个时代基本都离不开动画。 说到动画，第一个联想到的概念就是“帧”。这是用来衡量和描述动画是否流畅的一个单位。 在 Three.js 中也有一款检测帧数(FPS)的工具，叫做 Stats.js 。 这款工具是 Three. 阅读全文
posted @ 2022-12-23 07:33
德育处主任
阅读(601)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 我们可以在 Canvas 上绘制图形，同样也可以将画布上的所有内容都清空掉。 本文主要聊聊： 在 fabric.js 中如何清空画布； 和原生 canvas 对比，fabric.js 到底有多方便； 销毁 fabrci.js 创建的画布； 把 canv 阅读全文
posted @ 2022-12-23 07:33
德育处主任
阅读(490)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 渲染阴影效果需要消耗一定的资源，所以 Three.js 默认是关闭阴影效果的。 想要在 Three.js 中实现阴影效果，只需记住接下来要讲的几个点即可。 本文要实现的效果 本文适合 Three.js 入门级的工友阅读~ 如果你还不了解 Three.j 阅读全文
posted @ 2022-12-23 07:32
德育处主任
阅读(210)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 AntV G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。 本文主要讲解使用 AntV G6 实现 拖拽生成节点 的功能，如下图所示。 本文使用 Vue3 做基础框架，配合 G6 实现上图效果。 分析 在动手编码 阅读全文
posted @ 2022-12-23 07:32
德育处主任
阅读(999)
评论(0)
推荐(0)
浙公网安备 33010602011771号