Overview

A bug found in the Telerik PictureBox control for Windows Forms. The issue specifically affects the rendering of SVG graphics, where the text element is being duplicated by the viewer.

Affected Component

- Product: Telerik UI for WinForms
- Control: `RadPictureBox'
- Version: 2025.02
- Platform: Windows Forms (.NET Framework)

Steps to Reproduce

1. Run the application from provided MCVE
2. Observe the text in SVG preview: the text is duplicated twice 
3. Zoom in the view
4. Observe the text in SVG preview: there are many instances of the same text

Expected Behavior

The Telerik PictureBox should render only a single instance of the text from SVG file.

Actual Behavior

PictureBox shows many instances of the same text and the specifix number of them depends on the zoom level.

Sample Files

- ✅ `example.svg`: A SVG file that renders correctly in Microsoft Edge. 
- ✅ `browser.png`: Screenshot of how the SVG file looks in Microsoft Edge. 
- ✅ `browser_after_zoom.png`: Screenshot of how the SVG file looks in Microsoft Edge after 150% zoom. 
- ❌ `telerik.png`: Screenshot of how the same file looks in the Telerik PictureBox.
- ❌ `telerik_after_zoom.png`: Screenshot of how the same file looks in the Telerik PictureBox after zooming in.

Environment

| Component      | Version            |
|----------------|--------------------|
| Telerik UI     | 2025.2.520.48      |
| .NET Framework | .NET Framework 4.8 |
| OS             | Windows 11         |

Currently, SVG image blurs for example when "opacity:0.2995 (...)" See below image:

Moving the cursor over the image would display a zoomed portion of the image located under the mouse position:

Currently, SVG files that have filter tags in their XML are not respected by the RadPictureBox control. Sample code:

<filter ..>
  <feGaussianBlur .. />
  <feMorphology .. />
  <feGaussianBlur .. />
  <feColorMatrix .. />
  <feComposite .. />
  <feGaussianBlur .. />
  <feDiffuseLighting ...>
	<feDistantLight ... />
  </feDiffuseLighting>
  <feBlend .. />
  <feComposite ../>
  <feSpecularLighting ...>
	<feDistantLight ../>
  </feSpecularLighting>
  <feComposite .. />
</filter>