0

ペイントのようなアプリケーションがあります。マウスを動かすと、ポリラインで線が描画されます。ここで、ポリラインのアウトラインをパターンイメージに置き換えたいので、キャンバス内でマウスを動かすと、そのイメージがポリラインのアウトラインとして繰り返されます。私はすでにこのコードを書いています：

<Canvas x:Name="canvas" Background="#00FFFFFF" MouseMove="Canvas_MouseMove">
    <Polyline x:Name="polyline" StrokeThickness="20">
        <Polyline.Stroke>
            <VisualBrush >
                <VisualBrush.Visual>
                    <Image Source="1.png"></Image>
                </VisualBrush.Visual>
            </VisualBrush>
        </Polyline.Stroke>
    </Polyline>
</Canvas>

唯一の問題は、画像がキャンバス全体の非表示の背景として使用され、マウスを動かすと背景の一部が表示されることです。私が何を意味するかを理解するためにこの写真を見てください：

http://goo.gl/2wPKN

ご覧になりたい場合は、こちらの画像パターンもご覧ください。

http://goo.gl/staHt

では、この画像をポリラインのアウトラインとしてどのように使用すればよいかわかりますか？

4

2 に答える 2

0

PolyLineで試したことはありませんが、パスを使用すると、このようにストロークを設定できます。

<Path StrokeThickness="10" Data="M 10,10 100,10" Stretch="Fill" Margin="81,36,251,100">
   <Path.Stroke>
        <ImageBrush ImageSource="1.png" Viewport="0,0,1,1" TileMode="Tile"/>
   </Path.Stroke>
</Path>
于 2013-02-28T16:26:59.267 に答える
0

ImageBrushとをTileMode設定してTile、Viewport目的の画像タイルサイズを指定するを使用できます。

<Polyline x:Name="polyline" StrokeThickness="20">
    <Polyline.Stroke>
        <ImageBrush ImageSource="1.png" TileMode="Tile"
                    ViewportUnits="Absolute" Viewport="0,0,20,20"/>
    </Polyline.Stroke>
</Polyline>
于 2013-02-28T18:19:27.813 に答える