第七集:把 Canvas 塞进 React/Vue,前端框架不打架 “我把 Canvas 写进 useEffect,结果热更新一次,画布被重构得比我还惨。” —— 某位被 React 刷新机制按在地上摩擦的前端小可爱大家好,欢迎来到《Canvas 翻车指南》第七集! 前面我们让十万粒子在 WebG... 编程·全部 前端开发 12-07 316 0
第四集:让火柴人动起来——帧动画与 requestAnimationFrame “老板让我画个‘奔跑吧火柴人’,我画了张‘静止吧火柴棍’,他说我像 KPI 一样一动不动。” —— 某位被扣绩效的前端小可爱大家好,欢迎来到《Canvas 翻车指南》第四集! 前面我们把图形画出了“高级感”,今天让它蹦跶起来:拆素... 编程·全部,前端开发 12-07 200 0
第一集:Canvas 起手式——从一张白纸到一条歪歪扭扭的线 “听说你会画画?” “会!我能在网页上画一条……呃……会抽搐的直线!”各位观众老爷们,欢迎来到《Canvas 翻车指南》第一集。今天咱们不整虚的,目标只有一个:让浏览器里出现一条线,一条看起来“活着”的线。 准备好一杯快乐水,咱们... 编程·全部 前端开发 12-07 166 0
系列预告:用Canvas画只猫,结果画成了猪?别慌,咱们一起翻车! 大家好,欢迎来到“HTML Canvas 教程”系列!我是你们的导游,一个曾经把圆形画成土豆、把直线画成蚯蚓的Canvas老萌新。接下来的几篇文章里,咱们一起用大白话、段子手的方式,把这门“看起来高大上、实则一跑就报错”的Canvas... 编程·全部,前端开发 12-07 176 0
《SVG 不挨踢》第 10 集:终极装逼——用 SVG 画二维码,扫得出、换得色、动得酷 本期目标:纯手写 + 纯路径,生成一个能被微信扫开的 SVG 二维码,还能彩虹渐变 + 旋转跳,逼值直接封顶。1. 先吹个牛:二维码 ≠ 位图传统观念:二维码 = 黑白方块 PNG。 今天教你:二维码 = 一群正方形坐标,而 SVG... 编程·全部 前端开发 11-30 202 0