Canvas Kreis mit Innenschatten versehen?

[descan]

Hallo Zusammen,

ich habe einen Kreis mithilfe eines Canvas Objekts in Javascript gezeichnet.
Nun würde ich gerne den Kreis mit einem "inset" Schatten versehen.
Habe das ganze mal kurz im Photoshop zusammengezeichnet um zu verdeutlichen wie es danach aussehen soll:

Mithilfe von CSS und HTML5 kann man Boxen einen inset-shadow geben, der diesen Effekt ermöglicht, allerdings funktioniert dies nicht bei den in Javascript gezeichneten Kreisen.

Ich wüsste gerne wie ich das umsetzen könnte.

Viele Grüße
Descan

[dave]

Hi,

radialer Gradient?

Oder (ich kenne deinen Anwendungsfall nicht) einfach so:

.foo {  
	width: 100px;  
	height: 100px;  
	border-radius: 50px;  
	box-shadow: …  
}

<div class="foo"></div>

~dave

[descan]

Super, danke hast mir sehr geholfen!

Und eigentlich so simple.. :)

Hi,

radialer Gradient?

Oder (ich kenne deinen Anwendungsfall nicht) einfach so:

.foo {

width: 100px;
height: 100px;
border-radius: 50px;
box-shadow: …
}

>   
> `<div class="foo"></div>`{:.language-html}  
>   
> ~dave