第三集:给胖子加阴影,给瘦子加渐变 “老板要求按钮要‘有质感’,我加了渐变,他夸我‘有艺术细菌’。” —— 某位刚被升职的前端小可爱大家好,欢迎来到《Canvas 翻车指南》第三集! 前面我们已经能把直线掰成彩虹,今天给这些彩虹加特技:线性渐变(LinearGrad... 编程知识 12-07 55 0
第二集:直线不够弯?贝塞尔曲线教你画彩虹! “老板让我画个曲线,我画了条折线,他说我像折翼的天使。” —— 某位不愿透露姓名的前端小可爱欢迎来到《Canvas 翻车指南》第二集! 上一集我们画出了人生第一根“蚯蚓直线”,今天咱们给它掰弯—— 不,是优雅地弯成彩虹,顺便学会... 编程知识 12-07 60 0
第一集:Canvas 起手式——从一张白纸到一条歪歪扭扭的线 “听说你会画画?” “会!我能在网页上画一条……呃……会抽搐的直线!”各位观众老爷们,欢迎来到《Canvas 翻车指南》第一集。今天咱们不整虚的,目标只有一个:让浏览器里出现一条线,一条看起来“活着”的线。 准备好一杯快乐水,咱们... 编程知识 12-07 60 0
系列预告:用Canvas画只猫,结果画成了猪?别慌,咱们一起翻车! 大家好,欢迎来到“HTML Canvas 教程”系列!我是你们的导游,一个曾经把圆形画成土豆、把直线画成蚯蚓的Canvas老萌新。接下来的几篇文章里,咱们一起用大白话、段子手的方式,把这门“看起来高大上、实则一跑就报错”的Canvas... 编程知识 12-07 60 0
《SVG 不挨踢》第 10 集:终极装逼——用 SVG 画二维码,扫得出、换得色、动得酷 本期目标:纯手写 + 纯路径,生成一个能被微信扫开的 SVG 二维码,还能彩虹渐变 + 旋转跳,逼值直接封顶。1. 先吹个牛:二维码 ≠ 位图传统观念:二维码 = 黑白方块 PNG。 今天教你:二维码 = 一群正方形坐标,而 SVG... 编程知识 11-30 89 0