《SVG 不挨踢》第 10 集:终极装逼——用 SVG 画二维码,扫得出、换得色、动得酷 本期目标:纯手写 + 纯路径,生成一个能被微信扫开的 SVG 二维码,还能彩虹渐变 + 旋转跳,逼值直接封顶。1. 先吹个牛:二维码 ≠ 位图传统观念:二维码 = 黑白方块 PNG。 今天教你:二维码 = 一群正方形坐标,而 SVG... 编程知识 11-30 126 0
《SVG 不挨踢》第 9 集:导出技巧——从 Figma/AI 到 SVG 不踩坑 本期目标:一键导出、路径瘦身、代码祛魅,让设计师开心、重构更开心,老板以为你偷偷修了图。1. 先吐槽:导出一时爽,填坑火葬场很多小伙伴兴冲冲从 Figma/AI 点「Export SVG」,结果:文件 200 KB,一行路径 3 万字... 编程知识 11-30 194 0
《SVG 不挨踢》第 8 集:SVG 精灵图——网页加速黑魔法 本期目标:把 N 个图标塞进 1 个 SVG,用 <use> 随处召唤,HTTP 请求瞬间从 20 变成 1,老板以为你偷偷买了 CDN。1. 先骂骂咧咧:图标太多,请求像春运以前的老办法:logo.png arrow.p... 编程知识 11-30 102 0
《SVG 不挨踢》第 6 集:手写签名——让名字自己“写”出来 本期目标:零手速、零手写板,用 SVG 把名字一笔一划“动画写出来”,发到群里瞬间被当成技术大佬 + 书法大师。1. 先吹个牛:真·手写动画 = 路径 + 虚线 + 长度动画核心思路一句话: “把整条路径做成超长长长长的虚线,再让虚... 编程知识 11-30 104 0
《SVG 不挨踢》第 5 集:文字也能玩——打字机效果 本期目标:零 JS,让句子像黑客电影一样一个个字母往外蹦,老板看完直接给你配台机械键盘。1. 先吐槽:静态文字太无聊,动起来才像黑客上集咱们让图标心跳、星星旋转。 但文字呢? 如果整行直接啪地出现,就像快递扔门口——没仪式感。 ... 编程知识 11-30 75 0