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

Question

我有一个复杂的 HTML5 任务。我需要绘制透明的重叠球体。请看一下：

我需要画一个很容易的球体，但是，我需要像上图（链接）那样填充它，并确保它是半透明的。

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

我知道它很复杂（看起来很简单，但很难编程）。

任何帮助将不胜感激！

谢谢！

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

1

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

于 2012-08-21T14:27:40.760 回答

2 回答 2