使用css和javascript遮蔽圆形图像的扇区

Question

我有一个简单的圆形图像，其重叠的div具有相同的尺寸，不透明度为0.4。我想只遮挡部分图像，即如果我给它100度，我希望它显示只有260度的重叠半透明div的圆形截面。我经常搜索，但不知道该怎么做。

这是覆盖div的CSS：

.shade {
    position: absolute;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color:#ffffff;
    opacity: 0.4
}

Answer 1

这可能会有所帮助。它适用于CSS3 Pie Charts，但也许您可以使用其中一些技术来实现您想要的直接CSS。

http://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/