サークル画像のスライスを表示する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

Answer 2

あなたがSVGを生成しようとし、その後Clipping, Masking and Compositing