《SVG 不挨踢》第 9 集:导出技巧——从 Figma/AI 到 SVG 不踩坑 本期目标:一键导出、路径瘦身、代码祛魅,让设计师开心、重构更开心,老板以为你偷偷修了图。1. 先吐槽:导出一时爽,填坑火葬场很多小伙伴兴冲冲从 Figma/AI 点「Export SVG」,结果:文件 200 KB,一行路径 3 万字... 编程知识 11-30 299 0
《SVG 不挨踢》第 8 集:SVG 精灵图——网页加速黑魔法 本期目标:把 N 个图标塞进 1 个 SVG,用 <use> 随处召唤,HTTP 请求瞬间从 20 变成 1,老板以为你偷偷买了 CDN。1. 先骂骂咧咧:图标太多,请求像春运以前的老办法:logo.png arrow.p... 编程知识 11-30 151 0
《SVG 不挨踢》第 6 集:手写签名——让名字自己“写”出来 本期目标:零手速、零手写板,用 SVG 把名字一笔一划“动画写出来”,发到群里瞬间被当成技术大佬 + 书法大师。1. 先吹个牛:真·手写动画 = 路径 + 虚线 + 长度动画核心思路一句话: “把整条路径做成超长长长长的虚线,再让虚... 编程知识 11-30 142 0
《SVG 不挨踢》第 5 集:文字也能玩——打字机效果 本期目标:零 JS,让句子像黑客电影一样一个个字母往外蹦,老板看完直接给你配台机械键盘。1. 先吐槽:静态文字太无聊,动起来才像黑客上集咱们让图标心跳、星星旋转。 但文字呢? 如果整行直接啪地出现,就像快递扔门口——没仪式感。 ... 编程知识 11-30 112 0
《SVG 不挨踢》第 4 集:让图标动起来——动画比 PPT 简单 本期目标:还是记事本,零 JS,让上集的彩虹笑脸心跳起来!甲方看完只说俩字:“加钱!”1. 先灌鸡汤:静态只能骗 20 赞,动起来才能骗 50 赞上集的彩虹笑脸已经很闪,但它不会动。 在老板眼里,不会动 = 没灵魂 = 不给钱。 ... 编程知识 11-30 117 0