老师,学svg的意义是啥?

老师,学svg的意义是啥?

在开发中具体是怎么应用的?

意思是之前项目中的图片(格式是jpg、png等位图格式),现在可以用人工手绘的svg格式代替?

还是有什么其他用处啊?

建议以后讲解新内容都先说明下在实际开发中的具体用途是什么,先有个大概的了解好明确学习目标啊

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

SVG 指可伸缩矢量图形,用来定义用于网络的基于矢量的图形,使用 XML 格式定义图形,图像在放大或改变尺寸的情况下其图形质量不会有所损。目前一般网站上的图片都是直接使用image图片完成的,但是对于一些特殊要求的图片,则需要使用svg来绘制,比如说游戏里面的人物角色,它的肢体和动作是不断变化的,这个时候如果使用图片,则需要大量的图片,而大量的图片就会占用大量的存储空间,造成卡顿等现象,这个时候,如果使用 svg进行绘制呢,就不会出现占据空间大,造成卡顿的现象了,因为svg是使用XML编程语言来进行绘制的。

希望可以帮到你!


Miss路 2018-12-31 15:32:23

同学,你好。确实这里老师没有非常明确的强调使用场景,但是老师是根据优势进行分析的,引出了使用场景,比如说缩放还会保持高清的特质,又比如说,一般的png、jpg文件想要修改的话,必须要用ps等图片处理软件进行修改,而这些软件都是收费的,并且还需要安装,打开也比较缓慢,但是svg只需要修改文本就能改变图片,如果你没有ps,不想安装,也不想购买,那你就用svg,如果你什么都比较齐全,那么两者都可以选。

总之要根据自身的条件,以及产品需求来进行选择,如果你的产品需求中有对svg中优势中的关键点有明确要求的话,那就比较适合使用svg,这个主要还是看需求更偏向哪些方面。

如果帮助到了你,欢迎采纳!

祝学习愉快!

  • 提问者 小章鱼丸 #1
    说了半天,我从最开始就问的问题:“以前现成的位图,现在可以用svg代码一点一点人工的绘制出来了?”还是没回答 我问的是画 不是修改啊 使用svg,修改是方便了,但是不是画的时候麻烦多了啊?要人工的一点一点去画? 之前各种丰富复杂的jpg\png位图,现在要用svg代码一条线一条线地手工画出来??
    2018-12-31 15:37:21
Miss路 2018-12-31 13:46:23

同学,你好,首先非常感谢您的建议。

不过你说的这些老师们都做到了,请同学再重新听一下1-1课程介绍。

从4分26秒开始,讲的是svg的优势:

http://img1.sycdn.imooc.com//climg/5c29ac9a00016a4323641280.jpg

如果帮助到了你,欢迎采纳!

祝学习愉快!

  • 提问者 小章鱼丸 #1
    优势是优势 应用场景是应用场景啊 意思到底是不是 以前现成的位图,现在可以用svg代码一点一点人工的绘制出来了啊?也没说啊
    2018-12-31 14:19:39
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师