为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
SVG概述，H5+JS+CSS3 实现圣诞情缘教程-慕课网
章节
课签
笔记
占位
占位

SVG概述

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

SVG有什么优势？

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

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

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

更详细的教程：SVG

任务

?不会了怎么办
||

写笔记

公开笔记
提交
||

请验证，完成请求

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

收藏课程后，能更快找到我哦～

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

举报

0/150
提交
取消