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

【问题标题】：HTML5 how to draw transparent overlapping spheres?HTML5如何绘制透明重叠球体？
【发布时间】：2012-08-21 22:27:40
【问题描述】：

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

我需要绘制一个简单的球体，但是，我需要按照上图（链接）的方式填充它，并确保它是半透明的..

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

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

任何帮助将不胜感激！

谢谢！

【问题讨论】：

这里是在画布上重叠半透明形状的示例ecommercedeveloper.com/articles/… 对于动画和其他东西，只需谷歌它，并逐步编码。如果你不尝试，没有人会为你编写所有代码。

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：