第四集:让火柴人动起来——帧动画与 requestAnimationFrame “老板让我画个‘奔跑吧火柴人’,我画了张‘静止吧火柴棍’,他说我像 KPI 一样一动不动。” —— 某位被扣绩效的前端小可爱大家好,欢迎来到《Canvas 翻车指南》第四集! 前面我们把图形画出了“高级感”,今天让它蹦跶起来:拆素... 编程知识 12-07 123 0
第三集:给胖子加阴影,给瘦子加渐变 “老板要求按钮要‘有质感’,我加了渐变,他夸我‘有艺术细菌’。” —— 某位刚被升职的前端小可爱大家好,欢迎来到《Canvas 翻车指南》第三集! 前面我们已经能把直线掰成彩虹,今天给这些彩虹加特技:线性渐变(LinearGrad... 编程知识 12-07 110 0
第二集:直线不够弯?贝塞尔曲线教你画彩虹! “老板让我画个曲线,我画了条折线,他说我像折翼的天使。” —— 某位不愿透露姓名的前端小可爱欢迎来到《Canvas 翻车指南》第二集! 上一集我们画出了人生第一根“蚯蚓直线”,今天咱们给它掰弯—— 不,是优雅地弯成彩虹,顺便学会... 编程知识 12-07 111 0
第一集:Canvas 起手式——从一张白纸到一条歪歪扭扭的线 “听说你会画画?” “会!我能在网页上画一条……呃……会抽搐的直线!”各位观众老爷们,欢迎来到《Canvas 翻车指南》第一集。今天咱们不整虚的,目标只有一个:让浏览器里出现一条线,一条看起来“活着”的线。 准备好一杯快乐水,咱们... 编程知识 12-07 103 0
系列预告:用Canvas画只猫,结果画成了猪?别慌,咱们一起翻车! 大家好,欢迎来到“HTML Canvas 教程”系列!我是你们的导游,一个曾经把圆形画成土豆、把直线画成蚯蚓的Canvas老萌新。接下来的几篇文章里,咱们一起用大白话、段子手的方式,把这门“看起来高大上、实则一跑就报错”的Canvas... 编程知识 12-07 114 0