用于显示圆形图像“切片”的任何css或javascript技术?

前端之家收集整理的这篇文章主要介绍了用于显示圆形图像“切片”的任何css或javascript技术?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试编写一个用户上传圆形图像的程序,例如这个美味的温暖披萨:

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

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

cutPizza(150,225);

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

解决方法

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

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

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

猜你在找的CSS相关文章