Tirage de superposition sur une image

J'ai une image que l'utilisateur peut effectuer un zoom/défilement.
Je veux dessiner des rectangles/cercles sur une couche à l'autre (par exemple: dessiner un cercle pour chaque personne qui a été identifié dans l'image).

La position du rectangle de sélection est par rapport à l'image.

Comment puis-je créer une superposition?

OriginalL'auteur Yuval Peled | 2009-04-13

  1. 5

    J'ai réussi à faire quelque chose de similaire:

    • Définir l'image comme fond
    • Mettre un transparent ItemsControl, sur le sommet de
    • Ensemble ItemsControl.ItemsPanel à Canvas
    • a écrit des gestionnaires pour les opérations de remorquage

    Extrait De Code:

      <ItemsControl x:Name="overlayItemsControl" 
        Background="Transparent"  
        ItemsSource="{Binding Path=Blocks}"
        Width="{Binding ElementName=imageControl, Path=Width}"
        Height="{Binding ElementName=imageControl, Path=Height}"
        ItemContainerStyle="{StaticResource rectStyle}"
        PreviewMouseMove="ItemsControl_PreviewMouseMove"
        PreviewMouseDown="ItemsControl_PreviewMouseDown"
        PreviewMouseUp="ItemsControl_PreviewMouseUp"
        PreviewKeyDown="ItemsControl_PreviewKeyDown">

        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Canvas IsItemsHost="True" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
   ....
</ItemsControl>

    OriginalL'auteur idursun

  2. 6

    Un moyen facile est de simplement utiliser un Canevas et de l'ensemble de la toile de fond de la propriété à votre photo, puis placez vos cercles ou des rectangles sur le dessus de qui et de les positionner sur la Toile.Gauche et .Propriétés supérieures.

        <Canvas x:Name="myCanvas">
        <Canvas.Background>
            <ImageBrush ImageSource="c:\photo.bmp"/>
        </Canvas.Background>
        <Image Canvas.Top="20" Canvas.Left="20" Height="20" Width="20" Source="c:\circle.bmp"/>
    </Canvas>

    OriginalL'auteur Rob