摘要: 前言 2020东京奥运会已经开幕很多天了,还记得小时候看奥运会的是在2008年的北京奥运会,主题曲是北京欢迎你, 那个时候才上小学吧,几乎有中国队的每场必看,当时也是热血沸腾了, 时间转眼已经到了2021年而我也从小学生变成了一个每天不断敲代码的程序员👩‍💻,看奥运的时间又少,但是又想出分力,既 阅读全文
posted @ 2021-08-02 07:54 FE_Fly 阅读(838) 评论(3) 推荐(3) 编辑
摘要: 前言 我是谁 一个喜欢图形的程序员👦,因为名字带有飞,所以取名Fly。因为现在项目的原因,爱上了图形,突然数学原来这么有用,原来前端不只是写页面,还有炫酷的webgl,原来直线方程、一元二次方程、参数方程、微积分、求导。这些数学概念在工作中,真正的都是实打实的有被用到。本篇文章大概从下面👇几个方 阅读全文
posted @ 2021-07-27 21:43 FE_Fly 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 带你从0到1实现canvas的undo和redo功能 不知不觉又到了周末,又到了Fly写文章的日子,今天给大家介绍下一个web中很常见的功能, 就是撤销和复原这样一个功能,对于任何一个画图软件,或者是建模软件。没有撤销和复原。这不是傻👁了对啊吧,所以本篇文章,可以说是基于上一篇文章**Canvas 事件系统**的下集,如果你没有看过,建议看完再去看这 阅读全文
posted @ 2021-08-23 07:08 FE_Fly 阅读(272) 评论(0) 推荐(0) 编辑
摘要: canvas 实现事件系统 前言 大家好! 我是热爱图形的fly, 之前在群里和粉丝讨论canvas 如何事件系统, 然后呢? 我自己其实也对这个比较感兴趣, 我看过很多canvas 实现的项目, 比如canvas 实现思维导图 xmind , canvas 实现一个绘图工具。 然后呢无论是哪一个, 阅读全文
posted @ 2021-08-18 07:58 FE_Fly 阅读(1365) 评论(1) 推荐(2) 编辑
摘要: 前言 因为群里粉丝一直要求我写一篇可视化入门指南,今天他来了。其实说起前端可视化,大家所能想到的就是各种图表,大屏。这种看着贼炫酷,而笔者呢工作也一直从事3D前端开发工作,慢慢对图形产生了兴趣。但是呢一直做的是三维的东西,没搞过二维的。大概是2月前开始学习2D的一些东西,然后并写了一些文章,效果还不 阅读全文
posted @ 2021-08-09 07:09 FE_Fly 阅读(1517) 评论(0) 推荐(1) 编辑
摘要: 5分钟学会用贝塞尔曲线实现连续平滑曲线 阅读全文
posted @ 2021-07-27 07:57 FE_Fly 阅读(854) 评论(2) 推荐(3) 编辑
摘要: 前言 亲爱的coder们,我又来了,一个喜欢图形的程序员👩‍💻,前几篇文章一直都在教大家怎么画地图、画折线图、画烟花🎆,难道图形就是这样嘛,当然不是,一个很简单的问题, 如果我在canvas中画了10万个点,鼠标在画布上移动,靠近哪一个点,哪一个点高亮。有同学就说遇事不决 用for循环遍历哇, 阅读全文
posted @ 2021-07-26 10:20 FE_Fly 阅读(643) 评论(4) 推荐(0) 编辑
摘要: 前言 我在上一篇文章简单实现了在canvas中移动矩形(点线面),不清楚的小伙伴请看我这篇文章:用canvas 实现矩形的移动(点、线、面)(1)。 ok,废话不多说,直接进入文章主题, 上一篇文章我留了很多问题,就是我在画步中移动我怎么知道我移动的是哪一个类型,到底是点还是线还是面, 这就是本篇文 阅读全文
posted @ 2021-07-23 22:40 FE_Fly 阅读(1025) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是镜像变换 直接看下面这张图: 这张图很好的诠释了镜像变化,关于y轴的变化,关于x轴的变化。这种关于任意轴的变化,就是镜像了。 2d下的镜像矩阵变化 我们以图像关于Y轴镜像为例子:原图形和结果图形上所有点的都存在的关系就应该是 x = -x, 也就是都只有x发生变化。这种通用的变化其实可以 阅读全文
posted @ 2021-07-11 21:10 FE_Fly 阅读(1026) 评论(0) 推荐(0) 编辑