用于显示圆形图像"切片"的任何css或javascript技术？

Question

我正在尝试编写一个程序,用户上传圆形图像,如美味的温暖披萨:

然后,用户以度为单位指定弧的开始和结束,以便调用函数以显示相同的图像,剩余部分的不透明度较低.

function cutPizza (startArcDegree, endArcDegree){
//This is where I need help    
}

cutPizza(150, 225);

是否有任何CSS或JavaScript技术可以帮助我实现这一目标(或者任何方式)

Answer 1

是的,你应该有一个与披萨图像有相对位置的画布.然后,您可以在画布上绘制圆圈,并配置画布透明度

阅读如何从这里绘制圆圈:

http://billmill.org/static/canvastutorial/ball.html