HTML5如何绘制透明重叠球体？

Question

我有一个复杂的HTML5任务.. 我需要画出透明的重叠球体。请看看：

http://imgur.com/7cCkt

我需要绘制一个容易的球体，但是，我需要填充它，因为它看起来在上面的图片（链接），并确保它是半透明的..

球体必须移动，因此，有一次背面的较小球体可以动画并且更大..

我知道它很复杂（看起来容易但很难编程）。

任何帮助将不胜感激！

谢谢！

Answer 1

您可以设置globalAlpha值以获得透明效果：

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.globalAlpha = 0.5;

像this jsfiddle

这样的东西

Answer 2

如果你想绘制透明球体，请使用KineticJS：

http://jsfiddle.net/palani/mN2dC/