㈠ web開發用svg和png哪個好
正規的話，svg的比較好，圖片不會因為大小而出現問題，
但是沒有的話，png也可以，
㈡ 如何向網頁添加 SVG
SVG 的添加方法
內聯 HTML5
內聯 XHTML
獨立 SVG
嵌入
插件
目前常用的方法：
由於SVG文件是純粹的XML，或許大家更為關心的是如何在Web瀏覽器中讓SVG顯示。要在瀏覽器中顯示（前提是瀏覽器支持），可以通過幾種方法來實現：
指向SVG文件地址
將SVG直接嵌套在HTML中
而將SVG圖像嵌入到HTML文件有多種方法：
使用<iframe>元素來嵌入SVG圖像
使用<img>元素來嵌入SVG圖像
將SVG圖像作為背景圖像嵌入
直接使用<svg>元素
使用<embed>元素來嵌入SVG圖像
使用<object>元素來嵌入SVG圖像
㈢ ai cc怎麼才能不啟動web顯示svg的代碼
把顏色調成RGB格式就行了，樓主一定是在灰度模式下。具體步驟如下： 點顏色旁的三角形同時按住shift鍵， 調出如下，再點擊下圖中圈出的： 點擊RGB模式: 即可調出彩色調色板，
㈣ 對於webGL，canvas，SVG有哪些好的可視化實現工具
ThingJS 基於 HTML5 和 WebGL 技術，可方便地在主流瀏覽器上進行瀏覽和調試，支持 PC 和移動設備。ThingJS
為可視化應用提供了簡單、豐富的功能，只需要具有基本的 Javascript 開發經驗即可上手。
ThingJS
提供了場景載入、分層級瀏覽，對象訪問、搜索、以及對象的多種控制方式和豐富的效果展示，可以通過綁定事件進行各種交互操作，還提供了攝像機視角控制、點線面效果、溫濕度雲圖、界面數據展示、粒子效果等各種可視化功能。
ThingJS網頁鏈接提供如下相關組件和工具供用戶使用：
CityBuilder：聚焦城市的 3D 地圖搭建工具，打造你的 3D 城市地圖。
CamBuilder：簡單、好用、免費的 3D 場景搭建工具。
ThingPano：全景圖製作工具，輕松製作並開發全景圖應用，實現 3D 宏觀場景和全景微觀場景的無縫融合。
ThingDepot：上萬種模型，數十個行業，自主挑選，一次製作多次復用。
㈤ 怎麼在網頁中使用svg
在網頁中使用svg有以下三種方式
1. svg歸根結底來說是一種圖像格式，雖然有別於jpeg，gif，png等點陣圖圖像格式，所以在網頁中能嵌入圖像的地方都可以嵌入svg，例如將svg文件設置為<img>元素的src屬性，或者是給任意的元素設置背景圖像，或者是設置為CSS3的屬性border-image。但是這種方式的缺點也很明顯，就是瀏覽器在渲染svg圖像的時候，會將svg描述的矢量圖像轉換成柵格圖像用於顯示，這就失去了svg的一部分功能，svg是文本描述的圖像格式，可能會有一些引用文件，比如其他的圖像文件，外部腳本或者是web字體文件，在使用這種方式渲染svg時大多數瀏覽器會忽略引用文件。
2. <object>元素可以將外部的文件嵌入到html中，
3. 在網頁中嵌入svg，最直接的方式莫過於將svg文件的內容直接寫入html文本中，這樣在網頁中不僅可以顯示svg圖像，還可以使用腳本控制，用css添加樣式，可謂是最好的做法。在XHTML中添加svg時，需要在頂級<svg>元素上設置xmlns=」http://www.w3.org/2000/svg」，它會改變該元素和其所有子節點的默認命名空間，對於HTML5文件，則可以省略這一步。svg在網頁中默認以內聯元素的方式顯示。
㈥ SVG編程是不是已經淘汰了，有沒有公司WEB方面還在用它
不可能，應該說還沒有發展起來，我猜想再未來的5年內你就知道答案了。下一代ie會支持的。svg是個絕對的潛力股。相信我，未來的手機和web都會是svg的戰場，只不過是時間長短問題……
㈦ 如何將AI做好的SVG圖標轉換成Web可用的+CSS
你好，AI是指Adobe Illustrator，是一款圖形處理軟體，您說的如何將AI做好的SVG圖標轉成web可用的，SVG 指可伸縮矢量圖形，做成CSS，這個需要用HTML,CSS結合著去做的，代碼實現。
㈧ 誰能推薦一款關於Web前端可以在canvas或SVG上畫網路拓撲圖（如下圖所示）的JS庫
http://www.draw2d.org/draw2d/
draw2d touch，最近一直在看，挺強大的，使用的svg實現的。
㈨ web程序怎麼動態創建svg的xml文檔
直接把這個xml輸出到客戶端響應，header中添加Content-Type: image/svg+xml
㈩ 如何在網頁中使用SVG
如果你只了解可縮放矢量圖形 (SVG)，並希望體驗 SVG，則你首先需要解決的問題之一是如何向基本網頁添加 SVG。 如果你看一下相對基本的網頁模板，便可獲知如何開始執行此操作。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>My First SVG Page</title>
</head>
<body>
<p>SVG to be inserted here.</p>
</body>
</html>
可通過多種方法向此基本模板添加 SVG。下面的示例演示了一種直接執行此操作的方法。
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> -->
<title> My First SVG Page</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width="200px" height="200px">
<rect x="0" y="0" width="100%" height="100%"
fill="none" stroke="black"/>
<circle cx="100" cy="100" r="50"
style="stroke: black; fill: red;"/>
</svg>
</body>
</html>
提示 為提高現代瀏覽器之間的兼容性，請將上述示例代碼以 xhtml 文件擴展名保存。通過將文件擴展名從 html 更改為 xhtml，可有效地將模板從 HTML 文檔轉換為 XHTML 文檔。這就是為何添加 xml 聲明（上一示例中的第一行）並注釋掉 meta 元素的原因。有關上一示例的更多詳細信息，請參見以下列表。
<?xml version="1.0" encoding="utf-8" standalone="no"?>
xml 聲明是一個將文檔標識為 XML/XHMTL 的瀏覽器處理指令。所需的版本特性會指定 XML 文檔將遵循的 XML 標準的版本。可選 encoding 特性會指示瀏覽器如何基於特定字元集解釋文檔的關聯位元組（默認編碼為 UTF-8）。可選 standalone="no" 特性指示在 DOCTYPE 元素中指定的文檔類型定義 (DTD) 將不只是用於驗證。請注意，實際上無需指定 standalone=」no」。存在外部標記聲明（此示例中為 DTD）時會假定 standalone=」no」 值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
從技術上來說，DOCTYPE
聲明不是 HTML 元素。此聲明是對 Web 瀏覽器的說明，它介紹了寫入頁面的標記語言版本。請注意，此聲明指用於指定標記語言規則的
DTD，以便瀏覽器可以正確呈現內容。DOCTYPE 還允許你使用頁面驗證程序。在此示例中，XHTML 1.0 Transitional DTD
啟用了所有 HTML 元素和特性，包括表象元素和棄用的元素（例如 <font>）。但不允許框架，並且必須將標記編寫為格式正確的 XML。
<html xmlns="http://www.w3.org/1999/xhtml">
html 元素會告知瀏覽器，這是一個普通意義上的 HTML 文檔，具體而言，它是由 DOCTYPE 指示的 XHTML 文檔。xmlns 特性指定 XHTML 文檔的 XML 命名空間。通常，開發人員在編寫 XHTML 文檔時應顯式包括 XHTML xmlns 聲明。
<head>
利用網頁的 head 部分，可以定義頁標題、提供搜索引擎信息、設置頁位置、添加樣式表、編寫腳本等。
（例如 base、link、meta、script 和 style）。
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
meta 元素提供有關文檔的元數據。 元數據是有關文檔內容的信息（對讀者不可見）。此元數據可供瀏覽器或其他軟體（例如，搜索引擎、文檔管理系統等）使用。第一個模板（不具有 svg 元素）中的內容特性指定，在伺服器傳送實際頁面內容之前，應先使用名為 Content-Type（其值為 text/html; charset=utf-8）的 HTTP 標頭來提供頁面（從 Web 伺服器到客戶端）。利用此過程，瀏覽器可使用正確的字元編碼 (charset=utf-8) 來正常呈現傳入頁數據 (text/html)。第二個 XHTML (SVG) 示例中注釋掉了 meta 元素，因為 XML/XHML 文檔中已忽略使用 meta 元素指定字元編碼，並且必須將其轉換為 xml 聲明。開發人員可在對 HTML 使用 meta 元素與對 XML/XHTML 使用 xml 聲明之間進行切換。
<title>
通常，title 元素會在瀏覽器的選項卡中呈現其關聯文本。
</head>
head 的結束元素。
<body>
body 元素是顯示的 XHTML 文檔的內容的容器。
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px">
svg 元素定義了 SVG 文檔片斷。xmlns 特性定義了 SVG 片斷的命名空間。version 特性指示此文檔片斷遵循的 SVG 語言版本，width 和 height 特性定義 SVG 視區的大小（此示例中為 200 x 200 像素方形）。
<rect x="0" y="0" width="100%" height="100%" fill="none" stroke="black"/>
SVG rect 元素會從視區的左上角或點 (0, 0) 處開始繪制一個具有最大寬度和高度的黑色矩形，該矩形與 SVG 視區相對。此定位勾勒了給定 SVG 視區的輪廓。
<circle cx="100" cy="100" r="50" style="stroke: black; fill: red;"/>
類似地，SVG circle 元素會繪制一個帶黑色邊框的紅色圓圈，其半徑為 50 像素。該圓圈位於 200 x 200 像素的 SVG 視區的中心位置。
</svg>
svg 的結束元素。
</body>
body 的結束元素。
</html>
html 的結束元素。
SVG 的呈現方法
還可使用其他方法來呈現 SVG。下表總結了這些方法。
方法
建議文件擴展名
所需的瀏覽器
優點和缺點
內聯 HTML5 .html 天生支持 HTML5 中內聯 SVG 的瀏覽器，例如 Windows Internet Explorer 9。
優點：可充分利用 HTML5 構造。
缺點：可能需要為不支持 HTML5 中的內聯 SVG 的瀏覽器實現回調代碼。
內聯 XHTML .xhtml 天生支持 SVG 的瀏覽器，例如 Internet Explorer 9。
優點：許多瀏覽器當前都支持基於 XHTML 的內聯 SVG。
缺點：無法利用 HTML5 構造。
獨立 .svg 天生支持 SVG 的瀏覽器，例如 Internet Explorer 9。
優點：可使用「嵌入」方法輕松嵌入現有內容中。
缺點：無法利用所有 HTML/XHTML 構造。
嵌入 .xhtml 天生支持 SVG 的瀏覽器，例如 Internet Explorer 9。
優點：通過使用嵌入，使得實現和回調行為變得相對簡單。
缺點：為嵌入頁中的 SVG 內容編寫腳本可能會比較困難。
另外，一些瀏覽器可能不支持所有形式的嵌入，例如，通過 img 元素或通過 CSS background-image 樣式引用 SVG。
插件 .html 天生支持或不支持 SVG 的瀏覽器。
優點：瀏覽器無需天生支持 SVG。統一各個瀏覽器間的 SVG 行為。
優點：插件可能會導致瀏覽器不穩定，W3C SVG 規范可能會過時，和/或插件提供者不再為插件提供支持（如 Adobe SVG Viewer 插件的情況）。
注意 Windows Internet Explorer 8 天生不支持 SVG，從而需要插件來呈現 SVG。但通過實現適當的回調代碼（如本主題稍後所述），你可能不需要 SVG 插件。