章节
问答
课签
笔记
评论
占位
占位

SVG概述

在之前的七夕主题中,在留言反馈中经常会有人说:"这个怎么又是图片,还以为是画出来的"。其实我很想说:靠人工是很难画的。当然基于七夕的优化,我在圣诞中还是特意引入的一部分svg与canvas来做一些图形操作。SVG是基于xml标记语言可缩放矢量图形,支持无损缩放的同时也因为是dom节点,所以也支持事件,但是弊端也很明显,dom的数量非常大,复杂度高,渲染就比较慢了,也不适合游戏的开发,一般会用canvas之后会介绍

SVG有什么优势?

  • 文件体积小,能够被大量的压缩
  • 图片可无限放大而不失真(矢量图的基本特征)
  • 在视网膜显示屏上效果极佳
  • 能够实现互动和滤镜效果

SVG的知识点太多了,这里不打算讲知识点,相信整个教程就算讲解SVG都不够,所以希望大家查阅相关的知识点。

圣诞主题中只引入一个简单的五角星的制作,这个其实可以通过工具生成,通过修正viewbox实现缩放

更详细的教程:SVG

任务

?不会了怎么办
||

提问题

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最热 最新
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?