拉斐爾JS 3D效果陰影

我正在試圖製作一個相當複雜的拉斐爾JS甜甜圈圖。拉斐爾JS 3D效果陰影

我有幾個問題，其中之一是3D效果，我打算通過在彼此之後添加7個陰影（發光）或甜甜圈重複來模擬7px的形狀厚度來解決這個問題。

我怎麼能這樣做最好的方式？預先感謝您...

來源

2012-09-05 curly_brackets

http://jsfiddle.net/vedmack/sutLS/2/ – Daniel

七個陰影看起來不是最好的方式來做到這一點，因爲它在計算上是昂貴的，因爲它看起來不會很好，因爲一般應避免在像素方面思考與矢量圖形一起工作。

如果你想繪製一個圓柱體的一部分 - 繪製它。包括雙方。即使使用純色，它也會創建一個合理的3D幻影，並且可以通過使用漸變模擬照明使其看起來更加美觀。您將不得不跟蹤哪些面實際上可見，但是幾乎所有3D方法都是如此，包括影子。

來源

2012-09-05 23:01:46 Qnan

我把我的PIE撥弄到這裏：http://jsfiddle.net/xEYpL/。我希望它變成一個甜甜圈，我正在努力拼搏，還有，我想要做你的建議 - 但你能指導我 - 怎麼樣？ –

這只是一些編碼問題。檢查這個http://jsfiddle.net/xEYpL/15/基本的甜甜圈渲染。我確信你可以從那裏管理。 – Qnan

確定它是一個代碼問題，不知何故，它總是...... ;-) ......感謝你的甜甜圈形狀，但我不明白該從哪裏去做3D風格的渲染，甜甜圈。我最初的想法是複製甜甜圈7次，但你說服了我，否則。你能爲我指出正確的方向嗎？我只需要它是一個比頂部更堅實，更深的顏色，所以沒有什麼幻想。但它的數學似乎非常痛苦。 –

@KennethB也許這些插件可以幫助您：https://github.com/bkuzmic/raphael-charts-plugin和https://github.com/PuffyCoffee/3D-Pie-chart。下載這些插件並研究代碼，這些插件具有MIT許可證並使用Raphael。

來源

2014-08-30 01:05:36

拉斐爾JS 3D效果陰影

回答

相關問題