Hi,

Please attach the diagram saved as XML file.

Stoyan

Could you post your drawing code then? Please also implement the XML serialization methods and attach the file again, so that we can try it with your images and texts, for example:

protected override void SaveToXml(XmlElement xmlElement, XmlPersistContext context)
{
    base.SaveToXml(xmlElement, context);

    context.WriteImage(icon, "Icon", xmlElement);
    context.WriteString(label, "Label", xmlElement);
}

protected override void LoadFromXml(XmlElement xmlElement, XmlPersistContext context)
{
    base.LoadFromXml(xmlElement, context);

    icon = context.ReadImage("Icon", xmlElement);
    label = context.ReadString("Label", xmlElement);
} 

Quote:


We might have not implemented correctly for SVG/PDF IGraphics method overloads that are not used by standard node types, so perhaps you can get better results by using a different Draw* overload, e.g. DrawImage(RectangleF) instead of DrawImage(x,y).

This version of Draw should work fine when exporting:

	Public Overrides Sub Draw(ByVal graphics As IGraphics, ByVal options As RenderOptions)
		Dim iconSizePixels As Rectangle = New Rectangle(0, 0, imgIcon.Width, imgIcon.Height)
		Dim imageSize As RectangleF = MindFusion.Utilities.DeviceToDoc(graphics, iconSizePixels)

		' Draw the icon center at the top
		Dim lPoint As System.Drawing.PointF
		lPoint.X = Bounds.X + Bounds.Width / 2 - imageSize.Width / 2
		lPoint.Y = Bounds.Y

		Dim r As RectangleF
		r = New RectangleF( _
		 Form1.diagView.ClientToDoc(Form1.diagView.DocToClient(lPoint)), imageSize.Size)
		graphics.DrawImage(imgIcon, r)

		'Draw the label at the bottom
		Dim labelBounds As RectangleF = RectangleF.FromLTRB(Bounds.X, Bounds.Y + imageSize.Height, Bounds.Right, Bounds.Bottom)
		labelBounds.Inflate(10, 0)

		graphics.DrawString(title, Font, New System.Drawing.SolidBrush(ColorTranslator.FromHtml(tcolor)), labelBounds, format)
	End Sub
 

I hope that helps,
Stoyan

The text seems to clip to the specified rectangle both in SVG and PDF, so try making the rectangle large enough:

'Draw the label at the bottom
Dim labelSize = Parent.MeasureString( _
	title, EffectiveFont, Integer.MaxValue, format)
Dim labelBounds As RectangleF = New RectangleF( _
	Bounds.X, Bounds.Y + imageSize.Height, labelSize.Width, labelSize.Height)
labelBounds.Inflate(5, 5)

graphics.DrawString(title, _
	Font, New System.Drawing.SolidBrush(ColorTranslator.FromHtml(tcolor)), labelBounds, format)
 

I hope that helps,
Stoyan

I cheered a little to soon; although the diagram and the exports are now ok.....the overview is not! This now contains big icons....see attachments.

????

That did the trick!

Thanks again!!!!

The problem is that when converting image size from pixels for centering the image and for finding label offset, you need only its size in millimeters, without considering the scale applied on the graphics, while the code above also applies the scale transform.  Try this version instead:

Public Overrides Sub Draw(ByVal graphics As IGraphics, ByVal options As RenderOptions)
	Dim iconSizePixels As Rectangle = New Rectangle(0, 0, imgIcon.Width, imgIcon.Height)

	' convert to millimeters without considering scale
	Dim g As GdiGraphics
	g = Parent.CreateMeasureGraphics()
	g.ResetTransform()
	Dim imageSize As RectangleF = Utilities.DeviceToDoc(g, iconSizePixels)

	g.Dispose()

	' Draw the icon center at the top
	Dim lPoint As System.Drawing.PointF
	lPoint.X = Bounds.X + Bounds.Width / 2 - imageSize.Width / 2
	lPoint.Y = Bounds.Y

	Dim r As RectangleF
	r = New RectangleF( _
	 Form1.diagView.ClientToDoc(Form1.diagView.DocToClient(lPoint)), imageSize.Size)
	graphics.DrawImage(imgIcon, r)

	'Draw the label at the bottom
	Dim labelSize = Parent.MeasureString( _
	 title, EffectiveFont, Integer.MaxValue, format)
	Dim labelBounds As RectangleF = New RectangleF( _
	 Bounds.X, Bounds.Y + imageSize.Height, labelSize.Width, labelSize.Height)
	labelBounds.Inflate(5, 5)

	graphics.DrawString(title, _
	 Font, New System.Drawing.SolidBrush(ColorTranslator.FromHtml(tcolor)), labelBounds, format)
End Sub
 

With the size only converted to millimeters, you also don't need a separate case for Svg and PdfGraphics:



I hope that helps,
Stoyan