09-05-21, 02:01 AM
![[صورة مرفقة: 183472613_1696218940587084_5736701026710...e=60BDCE0C]](https://scontent.xx.fbcdn.net/v/t1.15752-0/p206x206/183472613_1696218940587084_5736701026710761347_n.png?_nc_cat=103&ccb=1-3&_nc_sid=58c789&_nc_ohc=TPSkNQQF3HgAX9cXQkg&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&tp=30&oh=ebc16b28a4577a59689f0a78ac7699b6&oe=60BDCE0C)
كيفية تحويل هذة الى جافاسكربت
ارجوا المساعدة
كود xaml للتوضيح
<Viewbox>
<Canvas Height="100" Width="100">
<!--Step 1-->
<Ellipse Canvas.Left="0" Canvas.Top="0" Width="100" Height="100" StrokeThickness="0.5" Stroke="Gray" >
<Ellipse.Fill>
<LinearGradientBrush x:Name="LinearProcessBrush" StartPoint="0.5,1" EndPoint="1,0" SpreadMethod="Pad">
<GradientStop Color="#FF071923" Offset="0" />
<GradientStop Color="White" Offset="1" />
</LinearGradientBrush>
</Ellipse.Fill>
</Ellipse>
<!--Step 2-->
<Ellipse Canvas.Left="7.25" Canvas.Top="7.25" Width="85" Height="85" StrokeThickness="0.5" Stroke="Gray" >
<Ellipse.Fill>
<LinearGradientBrush x:Name="LinearProcessBrush2" StartPoint="1,0.5" EndPoint="0,1" SpreadMethod="Pad">
<GradientStop Color="#FF071923" Offset="0" />
<GradientStop Color="White" Offset="1.2" />
</LinearGradientBrush>
</Ellipse.Fill>
</Ellipse>
<!--Step 3-->
<Ellipse x:Name="xBackground" Canvas.Left="12.25" Canvas.Top="12.25" Width="75" Height="75" StrokeThickness="0.5" Stroke="Black" >
<Ellipse.Fill>
<RadialGradientBrush Center="0.6,0.35" GradientOrigin="0.6,0.35" RadiusY="0.67" RadiusX="0.67">
<GradientStop Color="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type local:LedSingle}},Path=OnColor, Converter={StaticResource colorLightConverter},ConverterParameter=50}" Offset="0" />
<GradientStop Color="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type local:LedSingle}},Path=OnColor}" Offset="1" />
</RadialGradientBrush>
</Ellipse.Fill>
</Ellipse>
</Canvas>
</Viewbox>