Help:矢量图：修订间差异

Help:矢量图 (编辑)

2021年3月30日 (二) 19:59的版本

删除54字节、 2021年3月30日 (星期二)

无编辑摘要

匿名用户

imported>=海豚=

@@ 第10行： / 第10行： @@
 ==简介==
-'''矢量图（英语：Vector Graphics，{{lang-ja|ベクタ{{ruby|形|けい|ja|ja}}{{ruby|式|しき|ja|ja}}}}）'''是一种使用多边形表示图片的计算机图形（英语：Computer Graphics，缩写为CG）。矢量图基于矢量数据生成，构成这些矢量数据的点位被称作控制节点（或称“控制点”，英语：Control Points或 Control Nodes）。每一个控制节点都有一个（X,Y）坐标点以及一条用于决定方向的路径。此外，每条路径可能有更多的属性，包括路径颜色，形状，厚度，以及形状填充等等。<ref>{{cite book|author=Arie Kaufman|date=1993-10-28|url=https://books.google.com/books?id=lF4irp7bBN0C&pg=PA86#v=onepage&q&f=false |title=Rendering, Visualization and Rasterization Hardware|publisher=Springer Science & Business Media|pages=86-87|ISBN=978-3-540-56787-5|accessdate=2017-09-06}}</ref><ref name=Digital_Multimedia>{{cite book|author1=Nigel Chapman|author2=Jenny Chapman|url=https://saleroo.files.wordpress.com/2015/09/digital-multimedia-nigel-chapman-and-jenny-chapman.pdf |date=2002年1月|title=Digital Multimedia|publisher=Wiley|ISBN=0-471-98386-1|accessdate=2020-03-14}}</ref>{{Rp|86}}
+'''矢量图（英语：Vector Graphics，{{lang-ja|ベクタ{{ruby|形|けい|ja|ja}}{{ruby|式|しき|ja|ja}}}}）'''是一种使用多边形表示图片的计算机图形（英语：Computer Graphics，缩写为CG）。矢量图基于矢量数据生成，构成这些矢量数据的点位被称作控制节点（或称“控制点”，英语：Control Points或 Control Nodes）。每一个控制节点都有一个（X,Y）坐标点以及一条用于决定方向的路径。此外，每条路径可能有更多的属性，包括路径颜色，形状，厚度，以及形状填充等等。<ref>{{cite book|author=Arie Kaufman|date=1993-10-28|url=https://books.google.com/books?id=lF4irp7bBN0C&pg=PA86#v=onepage&q&f=false |title=Rendering, Visualization and Rasterization Hardware|publisher=Springer Science & Business Media|pages=86-87|ISBN=978-3-540-56787-5|accessdate=2017-09-06}}</ref><ref name="Digital_Multimedia">{{cite book|author1=Nigel Chapman|author2=Jenny Chapman|url=https://saleroo.files.wordpress.com/2015/09/digital-multimedia-nigel-chapman-and-jenny-chapman.pdf |date=2002年1月|title=Digital Multimedia|publisher=Wiley|ISBN=0-471-98386-1|accessdate=2020-03-14}}</ref>{{Rp|86}}
 ==概述==
@@ 第17行： / 第17行： @@
  世界上最早的矢量图来自美国二十世纪五十年代（1953~1955年间）投入使用的贤者（半自动地面防空，英语：Semi-Automatic Ground Environment）系统（英语：US SAGE Air Defense System），<ref>{{cite book|author=Gregory L Ulmer|date=2015-10-23|url=https://books.google.com/books?id=razMCgAAQBAJ&pg=PT312&dq=Semi-Automatic+Ground+Environment+vector+graphics&hl=zh-CN&sa=X&ved=0ahUKEwiR36XI44bWAhXGHpQKHZQcB7AQ6AEIJjAA#v=onepage&q=Semi-Automatic%20Ground%20Environment%20vector%20graphics&f=false |title=Animation: A World History: Volume II: The Birth of a Style - The Three Markets|publisher=CRC Press|ISBN=978-1-31751-990-4|accessdate=2017-09-06}}</ref><ref>{{cite book|author=David Salomon|date=2011-09-18|url=https://books.google.com/books?id=DX4YstV76c4C&pg=PA10&lpg=PA10&dq=Semi-Automatic+Ground+Environment+vector+graphics&source=bl&ots=ZuvBDyHLiq&sig=7gnd6pn6kTywwjezLe6tyMKomv0&hl=zh-CN&sa=X&ved=0ahUKEwjdrY_I4IbWAhXDxbwKHQHNCvg4ChDoAQg0MAI#v=onepage&q=Semi-Automatic%20Ground%20Environment%20vector%20graphics&f=false |title=The Computer Graphics Manual|publisher=Springer Science & Business Media|page=10|ISBN=978-0-85729-886-7}}</ref>直到1999年航空交通管制系统（英语：Air traffic control）投入使用时，美国一直使用矢量图系统。虽然已经基本停用，但是在某些军事或者特种设备上，矢量图仍被继续使用。同样的，由麻省理工学院林肯实验室于1958年研发的TX-2计算机上，计算机图形学（CG）先驱者伊万·萨瑟兰（英语：Ivan Sutherland）于1963年开发了第一款矢量图软件Sketchpad。<ref>{{cite book|author=Jeff Rice|url=https://books.google.com/books?id=3YCOAAAAQBAJ&pg=PA137&dq=Ivan+Sutherland+Sketchpad+1963&hl=zh-CN&sa=X&ved=0ahUKEwiT_d7d5IbWAhUBuZQKHZUVAKkQ6AEINDAC#v=onepage&q=Ivan%20Sutherland%20Sketchpad%201963&f=false |title=The Rhetoric of Cool: Composition Studies and New Media|publisher=SIU Press|page=137|date=2007-05-11|ISBN=978-0-80938-760-1|accessdate=2017-09-06}}</ref>
- 随后的矢量图系统大部分通过重复调用绘图手册的动态可变存储列表进行绘图，包括IBM 2250，Imlac PDS-1，DEC（数字设备公司，后被康柏收购。） GT40等。而在娱乐领域，同样可以看到矢量图的身影，比如西部科技/史密斯工程技术公司（英语：Western Technologies/Smith Engineering）开发的家用游戏机Vectrex就是一款基于矢量图显示的主机。<ref name=Videogameconsole>{{cite web|url=http://www.videogameconsolelibrary.com/pg80-vectrex.htm#page=reviews |author=Dark Watcher|title=GCE Vectrex|work=Video Game Console Library|accessdate=2017-09-06}}</ref><ref name=WY163>{{cite web|url=http://play.163.com/15/0430/18/AOFHPD2D00314K8I.html |title=游戏秘闻录：家用迷你街机Vectrex的兴衰|author=爱玩网|work=网易游戏|date=2015-04-30|accessdate=2017-10-20}}</ref>除此之外，类似爆破彗星（英语：Asteroids），太空战争（英语：Space War）以及Cinematronics开发的射击游戏Rip-Off，机尾射击手（英语：Tail Gunner）等街机游戏都使用矢量图模拟器显示游戏画面。而类似家用文字图形处理系统Tektronix 4014同样可以显示矢量图，但囿于其技术，在修改矢量图之前必须首先清屏。<ref>{{cite web|url=http://www.chilton-computing.org.uk/acd/icf/terminals/p005.htm |title=ICF Terminals: Tektronix 4014 Storage Tube|work=Chilton Computing|accessdate=2017-09-06}}</ref>
+ 随后的矢量图系统大部分通过重复调用绘图手册的动态可变存储列表进行绘图，包括IBM 2250，Imlac PDS-1，DEC（数字设备公司，后被康柏收购。） GT40等。而在娱乐领域，同样可以看到矢量图的身影，比如西部科技/史密斯工程技术公司（英语：Western Technologies/Smith Engineering）开发的家用游戏机Vectrex就是一款基于矢量图显示的主机。<ref name="Videogameconsole">{{cite web|url=http://www.videogameconsolelibrary.com/pg80-vectrex.htm#page=reviews |author=Dark Watcher|title=GCE Vectrex|work=Video Game Console Library|accessdate=2017-09-06}}</ref><ref name="WY163">{{cite web|url=http://play.163.com/15/0430/18/AOFHPD2D00314K8I.html |title=游戏秘闻录：家用迷你街机Vectrex的兴衰|author=爱玩网|work=网易游戏|date=2015-04-30|accessdate=2017-10-20}}</ref>除此之外，类似爆破彗星（英语：Asteroids），太空战争（英语：Space War）以及Cinematronics开发的射击游戏Rip-Off，机尾射击手（英语：Tail Gunner）等街机游戏都使用矢量图模拟器显示游戏画面。而类似家用文字图形处理系统Tektronix 4014同样可以显示矢量图，但囿于其技术，在修改矢量图之前必须首先清屏。<ref>{{cite web|url=http://www.chilton-computing.org.uk/acd/icf/terminals/p005.htm |title=ICF Terminals: Tektronix 4014 Storage Tube|work=Chilton Computing|accessdate=2017-09-06}}</ref>
  在计算机排字印刷中，现代矢量字体（通称轮廓字体，英语：Outline Font）就是由二维或者三维的用控制点控制的数学曲线构成的可打印的字符（字形）组成的字体。<ref>{{cite web|url=https://www.fonts.com/content/learning/fyti/using-type-tools/digital-format |title=A Brief History of Digital Type|author=Ilene Strizver|work=Fonts.com|accessdate=2017-09-06}}</ref>尽管位图字体直到2010年仍被广泛使用。<ref>{{cite book|url=https://books.google.co.jp/books?id=GujlDq_JivQC&pg=PT85&lpg=PT85&dq=Bitmap+Font+still+widely+used&source=bl&ots=QZW2I81BTI&sig=ACfU3U0Pj69Sm2rvgWRs6J5l1CoXDDy-4A&hl=zh-CN&sa=X&ved=2ahUKEwjU5oa_g5noAhUSVN4KHXlTB8QQ6AEwCnoECAgQAQ#v=onepage&q=Bitmap%20Font%20still%20widely%20used&f=false |title=3D for iPhone Apps with Blender and SIO2: Your Guide to Creating 3D Games and More with Open-Source Software|author=Tony Mullen|publisher=John Wiley & Sons|ISBN=978-0-470-62270-4|date=2010-04-01|accessdate=2020-03-14}}</ref>将矢量字体转化为位图字体需要对他们进行颜色填充，但反之则不必要，因为位图经常没有足够的分辨率，从而避免了改变字形之后的“变形”（“失真”，即看到矢量图细节后产生的与远看时不一样的错觉。），尤其是在一个较小的字号时。将矢量字符数据通过高科技手段转换为位图字符数据被称作“微调”（英语：Hinting）。<ref>{{cite web|archiveurl=https://web.archive.org/web/20171112090304/https://www.microsoft.com/typography/TrueTypeHintingWhat.mspx|url=https://www.microsoft.com/typography/TrueTypeHintingWhat.mspx |title=Microsoft Typography - TrueType Hinting (2 of 5):What is Hinting?|work=Microsoft|accessdate=2017-09-06|archivedate=2017-11-12}}</ref>虽然这个词语蕴含着按照建议处理之意，但是却要由确定性的，可执行代码实现，尤指一种特殊用途的计算机语言。虽然可以进行自动微调，但是效果比专业微调相去甚远。<ref>{{cite book|url=https://books.google.co.jp/books?id=sB1WWNLIqRMC&pg=PA361&dq=Vector+font+automatic+hinting+Professional+Hinting&hl=zh-CN&sa=X&ved=0ahUKEwiSqPqih5noAhVPIIgKHTsyBs0Q6AEIRjAD#v=onepage&q=Vector%20font%20automatic%20hinting%20Professional%20Hinting&f=false |title=Adrian Frutiger – Typefaces: The Complete Works|author1=Heidrun Osterer|author2=Philipp Stamm|author3=Swiss Foundation Type and Typography|publisher=Walter de Gruyter|date=2012-11-05|page=361|ISBN=978-3-0346-0990-6}}</ref><ref>{{cite web|url=https://www.microsoft.com/typography/TrueTypeHintingVersus.mspx |archiveurl=https://web.archive.org/web/20170914015202/https://www.microsoft.com/typography/TrueTypeHintingVersus.mspx |title=Microsoft Typography - TrueType Hinting (5 of 5):Hinting vs. Other Methods|work=Microsoft|accessdate=2017-09-06|archivedate=2017-09-12}}</ref>
@@ 第29行： / 第29行： @@
  某些惠普的钢笔绘图仪拥有双轴笔夹具并使用信纸作图（其绘图尺寸受限）。然而，这些绘图仪拥有砂轮（与钣金工使用的那种噪音巨大的磨砂轮同类。）。在进纸时直接对纸面进行压印，并对整张纸进行套准。
- 如今的矢量图文件，比如工程图，通常被格式转换为位图然后打印（普通打印机是打印位图的，而绘图仪则是绘制矢量图的<ref name=vecp1>{{cite web|url=http://printerstop.com/blog/refurbished-printers-for-sale-vector-graphics-what-is-a-plotter-part-1/ |title=Vector Graphics: What Is A Plotter? Part 1|work=PrinterStop|date=2015-10-05|accessdate=2017-09-06}}</ref><ref name=vecp2>{{cite web|url=http://printerstop.com/blog/refurbished-printers-for-sale-vector-graphics-what-is-a-plotter-part-2/ |title=Vector Graphics: What Is A Plotter? Part 2|work=PrinterStop|date=2015-10-22|accessdate=2017-09-06}}</ref>）。
+ 如今的矢量图文件，比如工程图，通常被格式转换为位图然后打印（普通打印机是打印位图的，而绘图仪则是绘制矢量图的<ref name="vecp1">{{cite web|url=http://printerstop.com/blog/refurbished-printers-for-sale-vector-graphics-what-is-a-plotter-part-1/ |title=Vector Graphics: What Is A Plotter? Part 1|work=PrinterStop|date=2015-10-05|accessdate=2017-09-06}}</ref><ref name="vecp2">{{cite web|url=http://printerstop.com/blog/refurbished-printers-for-sale-vector-graphics-what-is-a-plotter-part-2/ |title=Vector Graphics: What Is A Plotter? Part 2|work=PrinterStop|date=2015-10-22|accessdate=2017-09-06}}</ref>）。
- 今天的“矢量图”一词主要用于表述二维的计算机图形。而艺术家们可以使用传统的栅格显示器（普通的计算机显示器，英语：Raster Scan Display，与位图的别名“栅格图”，“Rastere Graphics”对应。）创作矢量图。矢量图可以上传到网上，供其他设计师下载，修改，从而加快完成创作的过程。其他的矢量图模式包括文字，多媒体（比如Flash动画等），以及3D艺术。事实上所有的现代3D艺术都使用了2D矢量图技术的扩展。绘图仪使用的绘图技术仍然可以直接在纸上绘制矢量图。<ref name=vecp1/><ref name=vecp2/>
+ 今天的“矢量图”一词主要用于表述二维的计算机图形。而艺术家们可以使用传统的栅格显示器（普通的计算机显示器，英语：Raster Scan Display，与位图的别名“栅格图”，“Rastere Graphics”对应。）创作矢量图。矢量图可以上传到网上，供其他设计师下载，修改，从而加快完成创作的过程。其他的矢量图模式包括文字，多媒体（比如Flash动画等），以及3D艺术。事实上所有的现代3D艺术都使用了2D矢量图技术的扩展。绘图仪使用的绘图技术仍然可以直接在纸上绘制矢量图。<ref name="vecp1" /><ref name="vecp2" />
 ==标准==
- 万维网联盟（英语：World Wide Web Consortium，缩写为W3C。）制定的关于矢量图的标准为“可缩放矢量图”（英语：Scalable Vector Graphics，缩写为SVG）。<ref name=SVG_Offical>{{cite web|url=https://www.w3.org/TR/SVG/ |title=Scalable Vector Graphics (SVG) 1.1 (Second Edition)|work=W3C Recommendation|accessdate=2017-09-06}}</ref>这一标准很复杂，并且有一部分已经逐渐投入商用。很多网络浏览器已经部分兼容SVG数据了，不过能完全兼容这一标准的浏览器还为数寥寥。
+ 万维网联盟（英语：World Wide Web Consortium，缩写为W3C。）制定的关于矢量图的标准为“可缩放矢量图”（英语：Scalable Vector Graphics，缩写为SVG）。<ref name="SVG_Offical">{{cite web|url=https://www.w3.org/TR/SVG/ |title=Scalable Vector Graphics (SVG) 1.1 (Second Edition)|work=W3C Recommendation|accessdate=2017-09-06}}</ref>这一标准很复杂，并且有一部分已经逐渐投入商用。很多网络浏览器已经部分兼容SVG数据了，不过能完全兼容这一标准的浏览器还为数寥寥。
- 在最近几年，SVG已经成为一种很重要的图片格式。这种图片的显示完全有赖于显示设备（通常意义上的打印机或者计算机显示器）的分辨率。SVG文件本质上是一种由直线和曲线以及其他属性组成的，可以打印的文本。[[ 维基 娘|维基]] 及其衍生的网络百科全书（诸如[[伪基娘| 伪基]] 和[[萌百娘| 萌百]] ）都支持SVG文件，它们的用途非常广泛，诸如制作Logo，地图，旗帜，线稿图等等非照片或者连续色调的图片（英语：Continuous-Tone Image）。在[[维基娘| 维基]] 上显示SVG有时需要将它们转换为分辨率合适的位图作为预览（通常为PNG格式，分辨率则为用户设置的分辨率），因为SVG实质上也是由可标记语言标签组成的网页源代码，须要先进行矢量运算才能显示为图片，如果一张网页拥有大量SVG图片，光是进行对它们的从源代码转换为图片对客户端而言也是不小的负担（事实上，当一张新的，含有大量SVG的页面创建过后，需要等待一段时间，待到这些SVG文件全部“栅格化”：即转换为指定分辨率的位图预览图后才能显示。）。除此之外，SVG同样可以用来制作动画。<ref>{{cite web|url=https://css-tricks.com/guide-svg-animations-smil/ |title=A Guide to SVG Animations (SMIL)|author=Sara Soueidan|date=2014-10-13|work=CSS-Tricks|accessdate=2017-11-03}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate |title=<animate> - SVG|work=Mozilla Development Network|accessdate=2017-11-03}}</ref>
+ 在最近几年，SVG已经成为一种很重要的图片格式。这种图片的显示完全有赖于显示设备（通常意义上的打印机或者计算机显示器）的分辨率。SVG文件本质上是一种由直线和曲线以及其他属性组成的，可以打印的文本。维基及其衍生的网络百科全书（诸如伪基和萌百）都支持SVG文件，它们的用途非常广泛，诸如制作Logo，地图，旗帜，线稿图等等非照片或者连续色调的图片（英语：Continuous-Tone Image）。在维基上显示SVG有时需要将它们转换为分辨率合适的位图作为预览（通常为PNG格式，分辨率则为用户设置的分辨率），因为SVG实质上也是由可标记语言标签组成的网页源代码，须要先进行矢量运算才能显示为图片，如果一张网页拥有大量SVG图片，光是进行对它们的从源代码转换为图片对客户端而言也是不小的负担（事实上，当一张新的，含有大量SVG的页面创建过后，需要等待一段时间，待到这些SVG文件全部“栅格化”：即转换为指定分辨率的位图预览图后才能显示。）。除此之外，SVG同样可以用来制作动画。<ref>{{cite web|url=https://css-tricks.com/guide-svg-animations-smil/ |title=A Guide to SVG Animations (SMIL)|author=Sara Soueidan|date=2014-10-13|work=CSS-Tricks|accessdate=2017-11-03}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate |title=<animate> - SVG|work=Mozilla Development Network|accessdate=2017-11-03}}</ref>
 <gallery>
- 大萌字.svg|SVG格式的大萌字。
+  文件: 大萌字.svg|SVG格式的大萌字。
-Windows logo - 2002–2012 (Multicolored).svg|SVG格式的Windows徽标（2002年~2012年）。
+文件:Windows logo - 2002–2012 (Multicolored).svg|SVG格式的Windows徽标（2002年~2012年）。
-Flag_of_the_Republic_of_China_(1912-1928).svg|SVG格式的中华民国五色旗（1912年~1928年）。
+文件:Flag of the Republic of China (1912-1928).svg|SVG格式的中华民国五色旗（1912年~1928年）。
-Suzuka circuit map--2005.svg|SVG格式的日本铃鹿赛道地图。
+文件:Suzuka circuit map--2005.svg|SVG格式的日本铃鹿赛道地图。
-Information icon.svg|[[维基娘|维基]] 上的很多信息模板使用的图标也是矢量图，比如这个信息图标。
+文件:Information icon.svg|维基上的很多信息模板使用的图标也是矢量图，比如这个信息图标。
-Flat Icon O SVG File.svg|[[萌娘共享:Mainpage|萌娘共享]] 使用的SVG文件图标自身也是个SVG文件。
+文件:Flat Icon O SVG File.svg|萌娘共享使用的SVG文件图标自身也是个SVG文件。
 </gallery>
- 至于手机，也有自己专用的SVG格式，它们被称为“SVG轻量版”（英语：SVG Tiny version，缩写SVGT）。这些图片可以添加链接，同传统的矢量图一样抗锯齿。并可以作为壁纸使用。<ref name=SVGT_Offical>{{cite web|url=https://www.w3.org/TR/SVGTiny12/intro.html |title=Introduction – SVG Tiny 1.2|work=W3C Recommendation|accessdate=2017-11-19}}</ref>
+ 至于手机，也有自己专用的SVG格式，它们被称为“SVG轻量版”（英语：SVG Tiny version，缩写SVGT）。这些图片可以添加链接，同传统的矢量图一样抗锯齿。并可以作为壁纸使用。<ref name="SVGT_Offical">{{cite web|url=https://www.w3.org/TR/SVGTiny12/intro.html |title=Introduction – SVG Tiny 1.2|work=W3C Recommendation|accessdate=2017-11-19}}</ref>
 ==转换==
 [[File:GUP_Schools_League_Map.svg|200px|缩略图|右|《[[少女与战车]]》战车道联盟加盟高中地图矢量图版，由于其元素繁多，内容复杂。其占有容量很大，高达3MB。但当它转换为PNG文件时只有423KB。]]
- 现代显示器以及打印机都是栅格图设备（也就是位图设备）；矢量图必须转化为栅格图（即位图）才能正常显示（或者打印）。而转换的位图/栅格图（英语：Bitmap/Raster Image）的尺寸由用户设置的分辨率决定，而矢量图的尺寸则保持不变。因此，把矢量图转换为任意尺寸的位图是很容易的事情，但反过来却是难上加难，尤其是如果需要进行后续的，编辑由位图转换生成的矢量图的时候。而这也许是将矢量图源文件保存为位图源文件的优势所在，因为不同的系统有不同的（甚至互不兼容）的矢量图格式，甚至有些系统完全不支持矢量图。然而，当一个文件被转换为位图时，它的文件大小可能变得更大，并丧失掉其可以无损缩放的优势。<ref name=Raster_VS_Vector>{{cite web|url=https://www.printcnx.com/resources-and-support/addiational-resources/raster-images-vs-vector-graphics/ |title=Raster Images vs. Vector Graphics|work=The Printing Connection|accessdate=2017-09-06}}</ref>它同样无法再像矢量图那样单独编辑其中的某一部分。矢量图文件的大小由其包含的元素的数量决定；通常由一个列表来表述。
+ 现代显示器以及打印机都是栅格图设备（也就是位图设备）；矢量图必须转化为栅格图（即位图）才能正常显示（或者打印）。而转换的位图/栅格图（英语：Bitmap/Raster Image）的尺寸由用户设置的分辨率决定，而矢量图的尺寸则保持不变。因此，把矢量图转换为任意尺寸的位图是很容易的事情，但反过来却是难上加难，尤其是如果需要进行后续的，编辑由位图转换生成的矢量图的时候。而这也许是将矢量图源文件保存为位图源文件的优势所在，因为不同的系统有不同的（甚至互不兼容）的矢量图格式，甚至有些系统完全不支持矢量图。然而，当一个文件被转换为位图时，它的文件大小可能变得更大，并丧失掉其可以无损缩放的优势。<ref name="Raster_VS_Vector">{{cite web|url=https://www.printcnx.com/resources-and-support/addiational-resources/raster-images-vs-vector-graphics/ |title=Raster Images vs. Vector Graphics|work=The Printing Connection|accessdate=2017-09-06}}</ref>它同样无法再像矢量图那样单独编辑其中的某一部分。矢量图文件的大小由其包含的元素的数量决定；通常由一个列表来表述。
 ==印刷==
- 矢量艺术非常适合于印刷，因为这种作品是由一系列数学曲线组成的，它们可以在任意尺寸下轻松印刷。比如用户可以把一个矢量图Logo印在一张复印纸上，然后将其放大，印在一块广告牌上，却无-{}-损其质量。<ref name=Raster_VS_Vector/>但一张低分辨率的位图在放大时就会变得模糊，极度像素化。（而一张高品质位图所需的准确分辨率则是由观察距离来决定的；比如一块广告牌也许仍然让人感觉其画质不错，哪怕它分辨率很低，但只要观察者离它足够远。）
+ 矢量艺术非常适合于印刷，因为这种作品是由一系列数学曲线组成的，它们可以在任意尺寸下轻松印刷。比如用户可以把一个矢量图Logo印在一张复印纸上，然后将其放大，印在一块广告牌上，却无-{}-损其质量。<ref name="Raster_VS_Vector" />但一张低分辨率的位图在放大时就会变得模糊，极度像素化。（而一张高品质位图所需的准确分辨率则是由观察距离来决定的；比如一块广告牌也许仍然让人感觉其画质不错，哪怕它分辨率很低，但只要观察者离它足够远。）
- 如果我们把印刷字符当成图片，那么我们前面关于图片印刷的那些要求同样适用于文字的排印。旧的字符组以位图格式保存。因此，为了获得最佳的印刷质量。它们只能按照既定的分辨率印刷。这些文字格式被称为不可缩放格式（英语：non-scalable）。如今高质量的排印基于字符由矢量图存储的字体，它们可以缩放至任何比例，却无损于图片质量。在计算机中，它们由类似Postscript字体以及TrueType字体这类格式存储。<ref name=Postscript>{{cite web|url=http://www.adobe.com/products/type/adobe-type-references-tips/font-formats.html |title=Frequently asked questions|work=Adobe Type|accessdate=2017-09-06}}</ref><ref name=Truetype>{{cite web|url=https://msdn.microsoft.com/en-us/library/windows/desktop/dd162893(v=vs.85).aspx |title=Raster, Vector, TrueType, and OpenType Fonts (Windows)|work=MSDN|accessdate=2017-09-06}}</ref>
+ 如果我们把印刷字符当成图片，那么我们前面关于图片印刷的那些要求同样适用于文字的排印。旧的字符组以位图格式保存。因此，为了获得最佳的印刷质量。它们只能按照既定的分辨率印刷。这些文字格式被称为不可缩放格式（英语：non-scalable）。如今高质量的排印基于字符由矢量图存储的字体，它们可以缩放至任何比例，却无损于图片质量。在计算机中，它们由类似Postscript字体以及TrueType字体这类格式存储。<ref name="Postscript">{{cite web|url=http://www.adobe.com/products/type/adobe-type-references-tips/font-formats.html |title=Frequently asked questions|work=Adobe Type|accessdate=2017-09-06}}</ref><ref name="Truetype">{{cite web|url=https://msdn.microsoft.com/en-us/library/windows/desktop/dd162893(v=vs.85).aspx |title=Raster, Vector, TrueType, and OpenType Fonts (Windows)|work=MSDN|accessdate=2017-09-06}}</ref>
 ===矢量图艺术举例===
@@ 第72行： / 第72行： @@
  矢量图相较于位图的优势：
-*通常情况下，矢量图文件的大小比同样内容的位图要小。<ref name=BBC_Vector3>{{cite news|url=http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev3.shtml |archiveurl=https://web.archive.org/web/20180818155902/http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev3.shtml |title=Differences between bitmap and vector graphics|page=3|work=GCSE Bitesize, BBC|archivedate=2018-08-18|accessdate=2017-09-06}}</ref>（其文件大小与分辨率无关，比如你把一张600X600的矢量图放大到1800X1800保存不会改变它的文件的大小。）{{黑幕|但是如同上面提到的那张3MB的地图一样，遇到复杂的字体（文本已在[[Illustrator]]中转曲）等图形信息时其大小也会远超位图。}}虽然被矢量化了的图片有时常常比原始的照片缺乏很多细节。<ref>{{cite web|url=https://olypress.com/vector-vs-raster-graphics-in-printing/ |title=Vector & Raster Graphics in Offset Printing|work=Olympus Press|date=2013-12-06|accessdate=2017-09-06}}</ref>
+*通常情况下，矢量图文件的大小比同样内容的位图要小。<ref name="BBC_Vector3">{{cite news|url=http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev3.shtml |archiveurl=https://web.archive.org/web/20180818155902/http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev3.shtml |title=Differences between bitmap and vector graphics|page=3|work=GCSE Bitesize, BBC|archivedate=2018-08-18|accessdate=2017-09-06}}</ref>（其文件大小与分辨率无关，比如你把一张600X600的矢量图放大到1800X1800保存不会改变它的文件的大小。）{{黑幕|但是如同上面提到的那张3MB的地图一样，遇到复杂的字体（文本已在[[Illustrator]]中转曲）等图形信息时其大小也会远超位图。}}虽然被矢量化了的图片有时常常比原始的照片缺乏很多细节。<ref>{{cite web|url=https://olypress.com/vector-vs-raster-graphics-in-printing/ |title=Vector & Raster Graphics in Offset Printing|work=Olympus Press|date=2013-12-06|accessdate=2017-09-06}}</ref>
-*与之对应的，用户可以无限放大矢量图而不影响图形质量，比如当一个矢量圆弧被放大时，它依然可以保持光滑。从另一方面来说，由多边形表示曲线的矢量图不会使曲线自然弯曲。<ref name=BBC_Vector2>{{cite news|url=http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev2.shtml |archiveurl=https://web.archive.org/web/20180816201629/http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev2.shtml |title=Differences between bitmap and vector graphics|page=2|work=GCSE Bitesize, BBC|archivedate=2018-08-16|accessdate=2017-09-06}}</ref>
+*与之对应的，用户可以无限放大矢量图而不影响图形质量，比如当一个矢量圆弧被放大时，它依然可以保持光滑。从另一方面来说，由多边形表示曲线的矢量图不会使曲线自然弯曲。<ref name="BBC_Vector2">{{cite news|url=http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev2.shtml |archiveurl=https://web.archive.org/web/20180816201629/http://www.bbc.co.uk/schools/gcsebitesize/dida/graphics/bitmapvectorrev2.shtml |title=Differences between bitmap and vector graphics|page=2|work=GCSE Bitesize, BBC|archivedate=2018-08-16|accessdate=2017-09-06}}</ref>
 *在放大矢量图时，直线与曲线无须按比例增大。通常它们不会按比例增大或者缩小。从另一方面来说，不规则的曲线表示的，简单的几何图形在放大时可能会按比例放大，从而使之保持光滑并且看起来与这些几何图形不一样。
@@ 第94行： / 第94行： @@
 *填充的风格与颜色。（可以透明）
- 矢量图并非适用于一切图形作业，它同样有自身的劣势。比如类似照相机以及扫描仪这些图形设备只能生成连续色调的位图，这样的图片是没办法（也没有必要）转换为矢量图的，对于这样的图片，用户是通过操作像素点而不是通过绘制由数学表达式定义的绘制对象来编辑它们。<ref name=BBC_Vector3/>一些综合性的图形工具可以同时组合矢量图和位图。并提供两者需要的工具，它们可以同时处理图片中的位图信息和矢量图信息。
+ 矢量图并非适用于一切图形作业，它同样有自身的劣势。比如类似照相机以及扫描仪这些图形设备只能生成连续色调的位图，这样的图片是没办法（也没有必要）转换为矢量图的，对于这样的图片，用户是通过操作像素点而不是通过绘制由数学表达式定义的绘制对象来编辑它们。<ref name="BBC_Vector3" />一些综合性的图形工具可以同时组合矢量图和位图。并提供两者需要的工具，它们可以同时处理图片中的位图信息和矢量图信息。
- 有些创作者批评说“矢量图”一词容易让人混淆。<ref name=Digital_Multimedia/>{{rp|70}}<ref>{{cite web|url=http://www.slideshare.net/Mark_Kilgard/22pathrender|title=CS 354 Vector Graphics & Path Rendering|page=7|author=马克·基尔加德（Mark Kilgard）|date=2012-04-10|work=奥斯丁德州大学|accessdate=2017-09-06}}</ref>尤其是矢量图并非简单地引用欧几里得向量所表示的图形。<ref name=Digital_Multimedia/>{{rp|70}}<ref>{{cite book|author=Ted Landau|url=https://books.google.com/books?id=HJK5AKeWUpUC&pg=PA409 |title=Sad Macs, Bombs and Other Disasters|edition=4th|publisher=Peachpit Press|page=409|ISBN=978-0-201-69963-0|date=2000-07-17|accessdate=2017-09-06}}</ref><ref>{{cite book|author=Rex van der Spuy |url=https://books.google.com/books?id=Xsheyw3JJrMC&pg=PA306 |title=AdvancED Game Design with Flash|publisher=Apress|page=306|date=2010-09-01|ISBN=978-1-4302-2739-7|accessdate=2017-09-06}}</ref>一些作者提议使用面向对象图形（英语：Object-Oriented Graphics）取代之。然而，这个词语同样会与面向对象编程里的所有图形弄混。<ref name=Digital_Multimedia/>{{rp|70}}{{黑幕|这么说来，位图是面向过程图形了？（弥天大雾）}}
+ 有些创作者批评说“矢量图”一词容易让人混淆。<ref name="Digital_Multimedia" />{{rp|70}}<ref>{{cite web|url=http://www.slideshare.net/Mark_Kilgard/22pathrender|title=CS 354 Vector Graphics & Path Rendering|page=7|author=马克·基尔加德（Mark Kilgard）|date=2012-04-10|work=奥斯丁德州大学|accessdate=2017-09-06}}</ref>尤其是矢量图并非简单地引用欧几里得向量所表示的图形。<ref name="Digital_Multimedia" />{{rp|70}}<ref>{{cite book|author=Ted Landau|url=https://books.google.com/books?id=HJK5AKeWUpUC&pg=PA409 |title=Sad Macs, Bombs and Other Disasters|edition=4th|publisher=Peachpit Press|page=409|ISBN=978-0-201-69963-0|date=2000-07-17|accessdate=2017-09-06}}</ref><ref>{{cite book|author=Rex van der Spuy |url=https://books.google.com/books?id=Xsheyw3JJrMC&pg=PA306 |title=AdvancED Game Design with Flash|publisher=Apress|page=306|date=2010-09-01|ISBN=978-1-4302-2739-7|accessdate=2017-09-06}}</ref>一些作者提议使用面向对象图形（英语：Object-Oriented Graphics）取代之。然而，这个词语同样会与面向对象编程里的所有图形弄混。<ref name="Digital_Multimedia" />{{rp|70}}{{黑幕|这么说来，位图是面向过程图形了？（弥天大雾）}}
 ===常用的基本对象===
@@ 第106行： / 第106行： @@
  多数矢量图文件支持：
-*文本（计算机中TrueType字体的字母由贝赛尔曲线创建。<ref name=Truetype/>）或者方框。
+*文本（计算机中TrueType字体的字母由贝赛尔曲线创建。<ref name="Truetype" />）或者方框。
 *色彩渐变。
 *此外，位图也可以被视为一种基本图形，它们在矢量图文件中通常被视为一个矩形。
@@ 第133行： / 第133行： @@
 *Inkscape(自由开源)
-*Flash （[[Adobe娘|Adobe]] 于2015年11月30日放出消息将在其诞生的第20个年头更名为“Adobe Animate”，<ref>{{cite web|url=https://blogs.adobe.com/creativecloud/welcome-adobe-animate-cc-a-new-era-for-flash-professional/ |title=Welcome Adobe Animate CC, a new era for Flash Professional|work=Creative Cloud blog by Adobe|date=2015-11-30|accessdate=2017-11-19}}</ref>2016年2月8日以后，Flash正式更名为“Adobe Animate”。<ref>{{cite web|url=http://www.adobe.com/products/animate/features.html |title=Animate CC new features|work=Adobe|accessdate=2017-11-19}}</ref>）
+*Flash （Adobe 于2015年11月30日放出消息将在其诞生的第20个年头更名为“Adobe Animate”，<ref>{{cite web|url=https://blogs.adobe.com/creativecloud/welcome-adobe-animate-cc-a-new-era-for-flash-professional/ |title=Welcome Adobe Animate CC, a new era for Flash Professional|work=Creative Cloud blog by Adobe|date=2015-11-30|accessdate=2017-11-19}}</ref>2016年2月8日以后，Flash正式更名为“Adobe Animate”。<ref>{{cite web|url=http://www.adobe.com/products/animate/features.html |title=Animate CC new features|work=Adobe|accessdate=2017-11-19}}</ref>）
-*<s>Freehand（原Macromedia软件，在2005 年[[Adobe娘|Adobe]] 以34亿美元收购Macromedia之后，<ref>{{cite news|url=http://www.nytimes.com/2005/04/19/technology/adobe-buys-macromedia-for-34-billion.html |title=Adobe Buys Macromedia for $3.4 Billion|author=Laurie J. Flynn|work=The New York Times|date=2005-04-19|accessdate=2017-09-06}}</ref>为了给本公司生产的同类型软件[[Illustrator]]让路，[[Adobe娘|Adobe]]停止了对原来的竞争对手Macromedia开发的Freehand的更新。<ref>{{cite web|url=http://blogs.adobe.com/jnack/2007/05/freehand_no_longer_updated_moving_to_illus.html |title=John Nack on Adobe : FreeHand no longer updated; moving to Illustrator|work=Creative Cloud blog by Adobe|date=2007-05-16|accessdate=2017-09-06}}</ref>）</s>
+*<s>Freehand（原Macromedia软件，在2005 年Adobe 以34亿美元收购Macromedia之后，<ref>{{cite news|url=http://www.nytimes.com/2005/04/19/technology/adobe-buys-macromedia-for-34-billion.html |title=Adobe Buys Macromedia for $3.4 Billion|author=Laurie J. Flynn|work=The New York Times|date=2005-04-19|accessdate=2017-09-06}}</ref>为了给本公司生产的同类型软件[[Illustrator]]让路，[[Adobe娘|Adobe]]停止了对原来的竞争对手Macromedia开发的Freehand的更新。<ref>{{cite web|url=http://blogs.adobe.com/jnack/2007/05/freehand_no_longer_updated_moving_to_illus.html |title=John Nack on Adobe : FreeHand no longer updated; moving to Illustrator|work=Creative Cloud blog by Adobe|date=2007-05-16|accessdate=2017-09-06}}</ref>）</s>
 *XFig（开发于1985年，基于Unix的X Window系统，至今已有{{Age|1985|1|1}}年历史。）<ref>{{cite web|url=http://mcj.sourceforge.net/frm_authors.html |title=XFig User Manual|work=XFig Official Website|accessdate=2017-09-06}}</ref>
@@ 第164行： / 第164行： @@
 *蓝调之歌（Sita Sings the Blues，2008）
- 今天，虽然Flash Player已经走入历史，但是很 多[[Web 动画]] 仍会使用Flash的继任者Adobe Animate制作（且角色，动画直接用Animate绘制），比如Carbot的网络动画<ref>{{cite web|url=https://twitter.com/CarBotAnimation/status/1262411973754568704|title=Thanks!  We use Adobe animate cc|author=Carbot@CarBotAnimation|work=Twitter|date=2020-05-18|accessdate=2020-11-30}}</ref>。部分电视动画则继续使用Adobe Animate制作。2016年，动画电影《[[大鱼海棠]]》上映，其前身正是2004年的一部Flash同名动画短片《大鱼海棠》<ref>{{cite web|url=https://yule.sohu.com/20170126/n479611965.shtml|title=《大鱼海棠》发春节习俗海报 椿湫鲲诠释年味传承《大鱼海棠》发春节习俗海报 椿湫鲲诠释年味传承|work=搜狐娱乐|date=2017-01-26|accessdate=2020-11-30}}</ref>。
+ 今天，虽然Flash Player已经走入历史，但是很 多Web 动画仍会使用Flash的继任者Adobe Animate制作（且角色，动画直接用Animate绘制），比如Carbot的网络动画<ref>{{cite web|url=https://twitter.com/CarBotAnimation/status/1262411973754568704|title=Thanks!  We use Adobe animate cc|author=Carbot@CarBotAnimation|work=Twitter|date=2020-05-18|accessdate=2020-11-30}}</ref>。部分电视动画则继续使用Adobe Animate制作。2016年，动画电影《[[大鱼海棠]]》上映，其前身正是2004年的一部Flash同名动画短片《大鱼海棠》<ref>{{cite web|url=https://yule.sohu.com/20170126/n479611965.shtml|title=《大鱼海棠》发春节习俗海报 椿湫鲲诠释年味传承《大鱼海棠》发春节习俗海报 椿湫鲲诠释年味传承|work=搜狐娱乐|date=2017-01-26|accessdate=2020-11-30}}</ref>。
 ===电子游戏===
- 早期的电子游戏图形并非人们想象中的位图，而是地地道道的矢量图。所谓矢量图游戏，指的是那些使用投射到屏幕上的电子束（类似激光灯）而不是用后来的像素点作图的游戏。比如1958年10月18日发布的，鼻祖级的[[家用机|主机]]游戏《双人网球》（Tennis for two，在示波器控制台上运行）<ref name=Art_Cybernetics>{{cite web|url=https://books.google.co.jp/books?id=5j6IDwAAQBAJ&pg=PT254&dq=vector+graphics+Tennis+for+two+1958&hl=zh-CN&sa=X&ved=2ahUKEwjCy8eSoKntAhXTV30KHfpfBbQQ6AEwAnoECAQQAg#v=onepage&q=vector%20graphics%20Tennis%20for%20two%201958&f=false |title=Art, Cybernetics and Pedagogy in Post-War Britain: Roy Ascott’s Groundcourse|author=Kate Sloan|publisher=Routledge|ISBN=978-1-1386-0557-2|date=2019-02-11|accessdate=2020-11-30}}</ref>，这个游戏被公认为是后来早期电子游戏鼻祖《乓》（Pong，1972）的祖先<ref name=Art_Cybernetics/>。在随后到来的，街机游戏的黄金时代，亦有大量矢量图街机游戏涌现，其中不乏重量 级[[IP 作品]] ，比如1983年的《星球大战》，其开发者正是当时在电子游戏界独占鳌头的雅达利。<ref>{{cite web|url=https://www.usgamer.net/articles/the-greatest-star-wars-game-ever-ataris-star-wars-arcade-game |title=The Greatest Star Wars Game Ever": Atari's Star Wars Arcade Game|author=Jaz Rignall|work=USG|date=2015-12-21|accessdate=2020-11-30}}</ref><ref name=Atari_Adventure>{{cite book|url=https://books.google.co.jp/books?id=JkaoDwAAQBAJ&pg=PA48&dq=vector+graphic+Atari+2600&hl=zh-CN&sa=X&ved=2ahUKEwiigKnupantAhWXe30KHd_bBtUQ6AEwAHoECAYQAg#v=onepage&q=vector%20graphic%20Atari%202600&f=false |title=Adventure: The Atari 2600 at the Dawn of Console Gaming|author=Jamie Lendino|page=48|publisher=Ziff Davis|ISBN=978-1-732-35520-0|date=2018-06-04|accessdate=2020-11-30}}</ref>对此，前文提到的西部科技/史密斯工程技术公司（英语：Western Technologies/Smith Engineering）似乎看到了商机，开发出基于矢量图形的家用街机Vectrex{{黑幕|，虽然后来的销量证明这不是一款成功的产品}}。<ref name=Videogameconsole/><ref name=WY163/>矢量图轻巧的优势在那个时代的电子游戏中显得淋漓尽致。
+ 早期的电子游戏图形并非人们想象中的位图，而是地地道道的矢量图。所谓矢量图游戏，指的是那些使用投射到屏幕上的电子束（类似激光灯）而不是用后来的像素点作图的游戏。比如1958年10月18日发布的，鼻祖级的[[家用机|主机]]游戏《双人网球》（Tennis for two，在示波器控制台上运行）<ref name="Art_Cybernetics">{{cite web|url=https://books.google.co.jp/books?id=5j6IDwAAQBAJ&pg=PT254&dq=vector+graphics+Tennis+for+two+1958&hl=zh-CN&sa=X&ved=2ahUKEwjCy8eSoKntAhXTV30KHfpfBbQQ6AEwAnoECAQQAg#v=onepage&q=vector%20graphics%20Tennis%20for%20two%201958&f=false |title=Art, Cybernetics and Pedagogy in Post-War Britain: Roy Ascott’s Groundcourse|author=Kate Sloan|publisher=Routledge|ISBN=978-1-1386-0557-2|date=2019-02-11|accessdate=2020-11-30}}</ref>，这个游戏被公认为是后来早期电子游戏鼻祖《乓》（Pong，1972）的祖先<ref name="Art_Cybernetics" />。在随后到来的，街机游戏的黄金时代，亦有大量矢量图街机游戏涌现，其中不乏重量 级IP 作品，比如1983年的《星球大战》，其开发者正是当时在电子游戏界独占鳌头的雅达利。<ref>{{cite web|url=https://www.usgamer.net/articles/the-greatest-star-wars-game-ever-ataris-star-wars-arcade-game |title=The Greatest Star Wars Game Ever": Atari's Star Wars Arcade Game|author=Jaz Rignall|work=USG|date=2015-12-21|accessdate=2020-11-30}}</ref><ref name="Atari_Adventure">{{cite book|url=https://books.google.co.jp/books?id=JkaoDwAAQBAJ&pg=PA48&dq=vector+graphic+Atari+2600&hl=zh-CN&sa=X&ved=2ahUKEwiigKnupantAhWXe30KHd_bBtUQ6AEwAHoECAYQAg#v=onepage&q=vector%20graphic%20Atari%202600&f=false |title=Adventure: The Atari 2600 at the Dawn of Console Gaming|author=Jamie Lendino|page=48|publisher=Ziff Davis|ISBN=978-1-732-35520-0|date=2018-06-04|accessdate=2020-11-30}}</ref>对此，前文提到的西部科技/史密斯工程技术公司（英语：Western Technologies/Smith Engineering）似乎看到了商机，开发出基于矢量图形的家用街机Vectrex{{黑幕|，虽然后来的销量证明这不是一款成功的产品}}。<ref name="Videogameconsole" /><ref name="WY163" />矢量图轻巧的优势在那个时代的电子游戏中显得淋漓尽致。
  然而，随着技术的进步，矢量图较之位图游戏的劣势也逐渐凸显，至今仍旧不便设计连续色调图片的短板使之在那时便自然无法与颜色丰富的位图匹敌。自1985年起，大量3D位图游戏重返游戏市场，自此，矢量图游戏法再也无法与位图游戏竞争。<ref>{{cite book|url=https://books.google.com/books?id=XiM0ntMybNwC&q=top+gunner%2C+last+vector+based+arcade+game&pg=PA71 |title=The video game explosion: a history|isbn=978-0-313-33868-7|accessdate=2020-11-30|last1=Wolf |first1=Mark J. P. |publisher=Greenwood|date=2007-09-30}}</ref>
- 时间来到1996年 ，[[Adobe Flash|Flash]] 诞生，重启了矢量图游戏长达20多年的辉煌（需要注意的是，Flash可以同时使用[[ 位图]] 和矢量图，比如DMM的很多页游根本没有矢量图）。<ref>{{cite news|url=https://www.techradar.com/news/the-internet-archive-will-stop-all-your-favorite-flash-games-and-animations-vanishing-into-the-ether |title=The Internet Archive will stop all your favorite Flash games and animations vanishing into the ether|author=Anthony Spadafora|work=TechRadar|date=2020-11-21|accessdate=2020-11-30}}</ref><ref>{{cite news|url=https://hackaday.com/2020/10/24/flash-is-dead-but-its-culture-should-live-on/|title=FLASH IS DEAD, BUT ITS CULTURE SHOULD LIVE ON|author= Erin Pinheiro|work=hackaday|date=2020-10-24|accessdate=2020-11-30}}</ref>后来， 当[[Flash 游戏]] 因Flash的死亡一同消亡时，Flash的继任 者[[HTML5]] 携SVG走入公众视野，成为HTML5游戏开发中CG的一个选项。<ref>{{cite book|url=https://books.google.co.jp/books?id=EZuJAwAAQBAJ&pg=PA100&dq=HTML5+vector+graphics+Games&hl=zh-CN&sa=X&ved=2ahUKEwj-tqaCtantAhUQdCsKHaUPBBMQ6AEwAXoECAUQAg#v=onepage&q=HTML5%20vector%20graphics%20Games&f=false |title=HTML5 Game Development Insights|author=Colt McAnlis, Peter Lubbers, Brandon Jones等多位作者|publisher=Apress|ISBN=978-1-430-26698-3|page=100|date=2014-04-19|accessdate=2020-11-30}}</ref><s>不过显然无法再与Flash时代的矢量图游戏相提并论。</s>
+ 时间来到1996年 ，Flash 诞生，重启了矢量图游戏长达20多年的辉煌（需要注意的是，Flash可以同时使用位图和矢量图，比如DMM的很多页游根本没有矢量图）。<ref>{{cite news|url=https://www.techradar.com/news/the-internet-archive-will-stop-all-your-favorite-flash-games-and-animations-vanishing-into-the-ether |title=The Internet Archive will stop all your favorite Flash games and animations vanishing into the ether|author=Anthony Spadafora|work=TechRadar|date=2020-11-21|accessdate=2020-11-30}}</ref><ref>{{cite news|url=https://hackaday.com/2020/10/24/flash-is-dead-but-its-culture-should-live-on/|title=FLASH IS DEAD, BUT ITS CULTURE SHOULD LIVE ON|author= Erin Pinheiro|work=hackaday|date=2020-10-24|accessdate=2020-11-30}}</ref>后来， 当Flash 游戏因Flash的死亡一同消亡时，Flash的继任 者HTML5 携SVG走入公众视野，成为HTML5游戏开发中CG的一个选项。<ref>{{cite book|url=https://books.google.co.jp/books?id=EZuJAwAAQBAJ&pg=PA100&dq=HTML5+vector+graphics+Games&hl=zh-CN&sa=X&ved=2ahUKEwj-tqaCtantAhUQdCsKHaUPBBMQ6AEwAXoECAUQAg#v=onepage&q=HTML5%20vector%20graphics%20Games&f=false |title=HTML5 Game Development Insights|author=Colt McAnlis, Peter Lubbers, Brandon Jones等多位作者|publisher=Apress|ISBN=978-1-430-26698-3|page=100|date=2014-04-19|accessdate=2020-11-30}}</ref><s>不过显然无法再与Flash时代的矢量图游戏相提并论。</s>
 ==参考资料==
-<references/>
+<references />
 [[Category:绘画术语]]