如何在Javascript环境中剪影PNG图像？

Question

2010年有一个帖子解决了这个问题：Silhouette a PNG image using CSS

但是，我想知道如何更清楚/更新解决方案。基本上我有透明背景的图像。在第一个视图中，我希望图像用黑色掩盖。单击（或其他操作）时，将显示基础图像。