欧美色96,欧美激情区

前幾天，人民日?qǐng)?bào)一組點(diǎn)亮武漢的美圖在朋友圈刷屏了。

image

輕點(diǎn)手指，黑白調(diào)的風(fēng)景就慢慢染上了色，很美；頃刻間完成了與讀者的互動(dòng)，建立了情感鏈接，這波刷屏操作很666。那么，你知道是什么配合你的手指點(diǎn)亮了武漢嗎？

是什么點(diǎn)亮了武漢？

答案是——

Scalable Vector Graphics（SVG）！

image

用Chrome可以看到HTML代碼，動(dòng)效=

黑白圖片+<svg>彩色圖片+動(dòng)畫(huà)代碼</svg>，彩色圖片和動(dòng)畫(huà)代碼放在一個(gè)SVG容器里。那么什么是SVG呢？SVG全稱是Scalable Vector Graphics，即可伸縮矢量圖形，它是W3C中基于XML的圖形標(biāo)準(zhǔn)，它使Web文檔變得更小、更快和更具交互性。

SVG可以用于Web應(yīng)用和社交媒體，它也是技術(shù)文檔中的點(diǎn)睛之筆哦！讓我們來(lái)看看——

SVG在技術(shù)文檔中的應(yīng)用

技術(shù)文檔中繪制的圖片，都可以使用SVG格式。SVG圖片可以廣泛應(yīng)用于用戶助手、在線幫助，甚至汽車(chē)飛機(jī)的用戶手冊(cè)！舉幾個(gè)栗子：

概念圖、原理圖、流程圖

為了便于用戶理解概念、工作原理、工作流程，常常需要圖文結(jié)合進(jìn)行解釋。

image

數(shù)據(jù)可視化

通過(guò)可視化的方式讓用戶理解數(shù)據(jù)特征，例如信息圖、偽代碼等。

需要?jiǎng)赢?huà)效果的場(chǎng)景

由于SVG支持動(dòng)畫(huà)效果，它還可以用來(lái)展現(xiàn)時(shí)間和空間邏輯，如時(shí)間順序、結(jié)構(gòu)關(guān)系等。例如工業(yè)產(chǎn)品常用的爆炸圖（請(qǐng)戳視頻）：

LEGO爆炸圖

需要用戶交互的場(chǎng)景

技術(shù)文檔中的典型應(yīng)用是交互式電子手冊(cè)Interactive Electronic Technical Manual (IETM)。

image

需要多尺寸顯示或印刷

SVG支持矢量圖，放大后無(wú)失真，所以可以廣泛用在需要多種尺寸顯示或印刷的場(chǎng)景。如印刷品、圖標(biāo)、標(biāo)識(shí)等。

image

使用SVG有什么好處？

SVG支持矢量圖，無(wú)失真。

SVG的本質(zhì)是一個(gè)支持XML格式的文本文件，所以它具有文本文件的特點(diǎn)：

文本編輯器即可創(chuàng)建并修改
圖像文件小，下載速度快

同時(shí)有XML文件的特點(diǎn)：

可以通過(guò)腳本語(yǔ)言（例如JavaScript）來(lái)操控XML對(duì)象
與結(jié)構(gòu)化寫(xiě)作標(biāo)準(zhǔn)兼容，例如在DITA標(biāo)準(zhǔn)中有一個(gè)<svg-container>元素，用于包含SVG文件。SVG文件也支持主控文件和條件過(guò)濾。
支持多種語(yǔ)言和翻譯