Равномерно расположенные тире с StrokeDashArray

Я пытаюсь создать покерную фишку, подобную той, что здесь:http://www.casinowholesalers.com/shop/product_info.php?cPath=57&products_id=379 используя Expression Blend 4 для приложения WP7.1 Silverlight 4.

Я пытаюсь создать шесть белых "квадратов". на краю чипа (игнорируя пока изображения костей и внутреннюю пунктирную линию). То, как я это сделал, - создать два эллипса, один без обводки, другой с точно таким же размером, но с обводкой 24, цветом белым и массивом StrokeDashArray до 1,8 (что не равно «1 8»). это фактически 1,8 без второго значения). Это выглядит довольно близко к равномерным размерам и разнесенным (но не совсем); Я нашел это методом проб и ошибок. XAML ниже.

<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Ellipse Fill="#FFC83838" Margin="112,253,128,275" Grid.Row="1" Stroke="#FFC83838" StrokeThickness="3"/>
    <Ellipse Fill="#FFC83838" Margin="112,253,128,275" Grid.Row="1" Stroke="White" StrokeThickness="30" StrokeDashArray="1.79" StrokeDashOffset="6" RenderTransformOrigin="0.5,0.5"/>
</Grid>

Я думаю, у меня есть два вопроса:

Is there a better way to create this shape besides using two ellipses? How can I mathematically determine what the StrokeDashArray value should be so the dashes are evenly spaced and sized instead of using trial and error?

Ответы на вопрос(1)

Ваш ответ на вопрос