长知识笔记~svg向量图档

今天当外包设计制做好网站时~
他们使用了svg图片
遇到的问题都是在网站布署后发现 X 显示不出来


唉~~这时像我这种在公司太安逸的人就不知道为啥了>____<
问了主管~问了工程师~~哈哈哈哈
天阿~~他们连svg都不知道是啥~~比我更惨!!
我曾经是美工~起码我知道 Illustrator存档时可以选SVG格式

毕竟我们写的是公司内部系统~~
不需要花俏的技术啦>____<
不然也不会把外部网站外包给厂商制作了

唉~~好吧!!安逸的不是只有我>___<
所以我就只好去问Google大神了~~

毕竟从小学音乐的我
能在这个工程部门当企划
能安逸的过自子也还是要读书的啦~~
不然会被问倒
 ----------------------------
来吧~我们读书吧~~
  ----------------------------
可缩放向量图形
（英语：Scalable Vector Graphics，SVG）
是一种基于可延伸标记式语言（XML），
用于描述二维向量图形的图形格式。
SVG由W3C制定，是一个开放标准。

制作设计RWD响应式网站时，
会发现用jpg或png制作logo图档，到了手机版都是模糊的，
虽然可以用CSS直接将较大尺寸的logo图档缩小，
但强制缩放的感觉在美工眼里就是 ""不舒服"" 

使用svg网页向量图
让图片不致于失真，会是更好的方法，
可预见svg图片将会在网路上越来越普及。

SVG允许3种图形物件类型：
向量图形、栅格图像以及文字。

SVG图片格式可让网页设计师在网页中以向量格式显示图片，
例如：矩形、圆、椭圆、多边形、直线、任意曲线等。
设计师可在Illustrator将ai档直接转存成svg档，
如同使用jpg/gif/png等点阵图的方式运用在网页上，
影像不会因为图档尺寸的改变而失真。
自IE9之后，网路上开始支援向量图片svg格式，
这让网页设计在图片的呈现上迈入了一个新的境界。
 

但要在网页上使用svg格式
还是需要主机上的iis设定能够支援才可以读取
IIS7的设定如下~
 

SVG 的图示无法在 IIS 7 上正确显示

这是因为 IIS 7 不认识这位 SVG 先生, 只要加上 MIME 类型即可

设定如下: 站台 -> MIME 类型

加上新的类型给 SVG 即可

副档名: .svg
MIME 类型: image/svg+xml


设定好后~~
哇哈哈哈哈哈~
就可以看了喔~~

所以今天我看完后
认识了SVG格式与网页如何显示SVG格式
并且分享给大家这知识了>____<

我是个歹命的系统企划>____<
难怪我的程式会好~~
在这部门
不懂程式/不懂主机设定/不懂解决问题
是混不下去的啦~~

已上参考的前辈们的网址如下
https://devmanna.blogspot.com/2017/04/iis-iis-7-svg-mime-types.html
https://www.cadiis.com.tw/lessons-learned/597-rwd-webdesign-svg-scalable-vector-graphics-icon
http://www.wikiwand.com/zh-tw/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%90%91%E9%87%8F%E5%9C%96%E5%BD%A2
谢谢前辈们的指导