Export Diagram to a list of images

[Geoffrey]

Hi,

I try to export my diagram to a list of images without success.

I use the following method : (the class inherit from RadDiagram)

public List<System.Drawing.Image> GetImages()
        {
            List<System.Drawing.Image> list = new List<System.Drawing.Image>();
            RadDiagramPagesInfo pagesInfo = this.CalculatePages(BackgroundPageGrid.GetPageSize(this), new Thickness());
            pagesInfo.Background = this.Background;
            pagesInfo.Dpi = 96d;
            foreach (WriteableBitmap writeableBitmap in pagesInfo.Pages)
            {
                using (MemoryStream stream = new MemoryStream())
                {
                    PngBitmapEncoder encoder = new PngBitmapEncoder();
                    encoder.Frames.Add(BitmapFrame.Create(writeableBitmap));
                    encoder.Save(stream);
                    list.Add(System.Drawing.Image.FromStream(stream));
                }
            }
            return (list);
        }

The problem is that pagesInfo.Pages is empty !

 Here is the call !

DiagramGraphSource graphSource = new DiagramGraphSource();
            graphSource.LoadProcedureSteps(steps.Cast<IStep>().ToList());
            diagram.GraphSource = graphSource;
            diagram.Measure(new System.Windows.Size(1000, 1000));
            diagram.Arrange(new Rect(new System.Windows.Size(1000, 1000)));



            return (diagram.GetImages().Select(x => new ImageObject { Image = x}).ToList());

Thanks a lot

 

 

 

[Milena]

Hi Geoffrey,

To achieve this you can use the diagram's method ExportToImage, where you can control the type and size of the created image along with the area of the diagram that should be exported. For your scenario where you need to export the diagram to more than one image, you can call the method more than once and define the portion of the diagram to be exported as you can see in our help topic Image Export:

private void ExportToImage(object sender, RoutedEventArgs e)
{
    using (var stream = File.Open(@"c:\temp\xDiagram.png", FileMode.Create))
    {
        xDiagram.ExportToImage(stream,null,new Rect(0,0,100, 1000),new Size(1000,1000));
    }
}

I hope this information helps. Please let us know if any further assistance is needed.

Regards,
Milena
Telerik

[Geoffrey]

Hello,

It works with ExportToImage.

But the custom router is not correct in the generated images (see attached files).

Thanks,
Geoffrey

 

 

 

[Peshito]

Hi Geoffrey,

I tried reproducing the exporting issue but to no avail. I played several scenarios and all of them exported as expected. Could you share a sample runnable project reproducing the issue so I could debug it locally and provide you with a possible solution? As this a forum post and attaching is not allowed you could submit a support ticket regarding the same thread or use a third party web site for files sharing.

Regards,
Peshito
Telerik

[Geoffrey]

Sorry for my late answer,

You can find the project here :

https://transfer-vinci-energies.nextsend.com/download/mrLcyt+635lh7c243bOgibO4367YtKK7m8rrdaxSZ7CUgbJ_ZlWojqJvmA==/

The custom router is not called.
The button export in memory diagram to desktop.

Thanks in advance.
It's very important to solve this problem for our customers. 

 
Best regards,
Geoffrey

 

 

 

 

 

[Milena]

Hello Geoffrey,

Thank you for the project provided. I was able to reproduce the described behavior locally.

The issue is caused by the fact that when you set RouteConnections property of the diagram to true, the GraphSource is not yet populated and the connections are not created. The result is that the routing is actually not enabled (this is why the custom router is not called).
However, I can suggest you 2 approaches to resolve this: 
1. To set  RouteConnections property after you create the GraphSource: 

private void ButtonBaseOnClick(object sender, RoutedEventArgs e)
        {
            Diagram diagram = new Diagram();
            ...

            DiagramGraphSource graphSource = new DiagramGraphSource();
            diagram.GraphSource = graphSource;
            graphSource.LoadProcedureSteps(steps);

            //enable routing
            diagram.RoutingService.AutoUpdate = true;
            ....
}

2. To set Route property of the RadDiagrmConnection in style: 

<Style TargetType="telerik:RadDiagramConnection" BasedOn="{StaticResource {x:Type telerik:RadDiagramConnection}}" >
        <Setter Property="Route" Value="True" />
         ....
</Style>

I hope this information helps.

Regards,
Milena
Telerik

 

[Geoffrey]

Thanks for your reply.

It works great :-)