在mhtml5中繪製球體svg

我想在html5中繪製一個泡泡（實際上有很多泡泡，但我們先用其中一個），我想使用svg，因爲我想縮放泡泡並且不需要紋理它們所以svg在這裏是更好的選擇。在mhtml5中繪製球體svg

但我沒有找到關於純HTML5和JavaScript，SVG做球什麼東西，我發現主要是針對像this問題或WebGL的像this，兩者都是光柵型帆布，基於矢量在這裏對我更好。

有沒有辦法做到這一點？或者我堅持使用一個圓而不是？

2015-10-30 niceman

Can a ci看起來像一個球體工作？ –

我是一個失敗，這是我的最佳嘗試，絕不是正確的https://jsfiddle.net/4p18mxg9/11/ –

@AdamBuchananSmith它必須看起來像一個泡沫，我不知道這是否可能。你提供的鏈接有點完美（我將控制顏色，使它看起來像泡泡），但沒有任何一種3D內置的HTML5？是不是有一個「Z」？ – niceman

不幸的是，這有點晚了，但我希望它能幫助有人喜歡這樣的東西。你不會找到一個獨立的解決方案（或者你必須編寫你自己的js實現來處理創建一個球體所需的所有數學），但是你可以使用d3js庫並使用.geo（幾何）擴展名D3 JS）就是一個很好的例子是這樣的：

我想，在這個教程中，你會發現實例2版是不錯的選擇。一起工作：

2016-08-03 13:38:06

回答