非帆布圖形網頁

我在web開發一個完整的新手，我使用JavaScript（而不是Flash或其他一些插件）想了解一下圖形渲染的幾件事情。例如，是否可以在不使用僅在HTML5中找到的Canvas特徵的情況下在網頁內呈現任意圖形（例如線條，曲線，文本，圖像等）？我問，因爲我相信我已經看到了谷歌的例子顯示了在不甚至支持HTML5的瀏覽器在他們的網頁上他們的標誌增強的一個特殊紀念日之類之前HTML5是圍繞和目前交互式圖形。我還記得90年代在純JavaScript中完成的網頁動畫。非帆布圖形網頁

所以：

1）就是這樣的圖形渲染可以使用純JavaScript？ 2）如果是這樣，使用哪些API或庫？ 3）是否可以裝飾任意圖形的標準HTML控件？

我試圖確定什麼是可能在一個基於Web的用戶界面界限。

來源

2013-04-30 Felix Bembrick

檢查那些「老」示例的源，並找出它們是如何工作！ – Mathletics 2013-04-30 19:27:26

不錯的主意，但我不知道任何我仍然可以訪問！ – 2013-04-30 20:19:24

http://www.google.com/doodles/ – Mathletics 2013-04-30 20:32:59

例如，是否可以在不使用僅在HTML5中找到的Canvas特徵的情況下呈現網頁內的任意圖形（例如線條，曲線，文本，圖像等）？

是的。看看SVG，自1992年左右以來，SVG一直以某種形式存在。

有很多的Mozilla Developer Network文檔和教程。

我問，因爲我相信我所看到的谷歌，例如顯示在他們的主頁特殊紀念日爲他們的標誌增強的一個交互式圖形和類似HTML5約爲目前在甚至不支持的瀏覽器HTML5之前。

您看過Google過去曾用於Google塗鴉的SVG，它仍然用於各種東西（某些平臺上的Google地圖部分）。

來源

2013-04-30 20:20:43

謝謝西蒙。我知道我所看到的一些可能是用SVG完成的，但我不完全相信它解釋了一切。我記得在90年代打開了一個網頁，看到一個跳動的球在整個頁面上飛翔的動畫（即不侷限於SVG元素），當時，我記得該頁面聲稱動畫是在純JavaScript中完成的。這怎麼能做到？我可以使用JavaScript在頁面本身的任何位置繪製圖形，例如標準元素的頂部或周圍？ – 2013-04-30 20:28:13

@FelixBembrick它可能使用JavaScript來移動頁面周圍的圖像。所以動畫是用JS完成的，但圖像不是。 – Mathletics 2013-04-30 20:34:57

@Mathletics幾乎肯定就在這裏。開發人員一直都在使用帶有動畫DOM元素（SVG或不）的惱人用戶。 – 2013-04-30 20:38:25

非帆布圖形網頁

回答

相關問題