logo
small logo
  • Produkte
  • Shop
  • Support
  • Über uns
  • Customer panel Support
    • en
    • de
    • JP
    • ZH
  • Home
  • /
  • Articles
  • /
  • Vector graphics in FastReport.Net 2019.4
  • How to use Online Designer in ASP .NET Core

    17. Januar 2018

    One of the novelties by FastReport .NET 2018 was the adaptation of OnlineDesigner to the

    read more
  • Kopieren von Berichtsbänder in einen anderen mit allen Inhalten

    31. März 2021

    Manchmal ist es notwendig, Teile eines Berichts in einem anderen zu verwenden. In einfachen Fällen

    read more
  • Verbindung zu Elasticsearch

    10. November 2021

    FastReport .NET-, Core-, Mono-, OpenSource-Produkte können jetzt eine Verbindung zu Elasticsearch herstellen. Elasticsearch ist ein

    read more
  • Wie wird das Objekt WebReport in ASP .Net Core App verwendet?

    17. Januar 2018

    Neulich veröffentlichte Fast Reports eine neue Bibliothek für die Arbeit mit dem Framework ASP .Net

    read more
  • Wahl der Top-Werte in einer Matrix

    22. April 2021

    Der Artikel ist aktuell bis Version 2022.1. FastReport.NET verfügt über ein großartiges Tool für die Anzeige

    read more

Vector graphics in FastReport.Net 2019.4

29. Juli 2019

Back in FastReport.Net 2018, entry-level vector graphics appeared in the reports. These were polygons and curves. It was possible to build complex shapes, but all the curves were straight. In version 2019, Bezier curves finally appeared - and therefore, full-fledged vector graphics. Now we can create any shapes. Let's look at updates in detail.

First of all, you will notice a difference from the previous versions on the top property bar. On the Home tab there is a section Polygon.

Previously, we had access to a set of actions with a polygon / polyline, which appeared above the figure when it was selected:

 

These controls allowed to move points, add a line to the beginning, add a line to the end and add points.

With the appearence of Bezier curves, we had to rework the concept of editing a vector object. Each point on the curve now has vectors defining the curvature. If it is a broken line, not a figure, then the extreme points have one vector, all others have two vectors, in order to adjust the curvature before and after the point.

But back to the new Polygons toolbar. Consider its elements:

  - moving the figure;

  - figure editing;

 - adding points;

 - editing the curvature vectors, initialization of points;

 - deleting points.

Consider how to use these controls in the examples of creating a polyline  and polygon .

A polyline is initially defined by points that do not have curvature vectors:

 

If earlier you could add lines only to the beginning or end, now it is enough to choose in edit mode  the desired point on the curve, then go to the mode of adding points  and you will immediately be offered the option of adding a point and lines connecting it with the selected point and the next point closest to the mouse cursor:

 

If you want to make a broken Bezier curve, then you need to go to the mode . While in this mode, you can initialize the Bezier curve by selecting a point on the polyline and changing the direction of the curvature vector for it:

 

To change the curvature of a segment drawn to a selected point, move the mouse cursor over the blue point of the vector outgoing from the selected point towards the previous point. You can change not only the angle of the vector, but also its length, it will also affect the curvature of the segment. The curvature for the segment drawn from the selected point is set in the same way.

After that, in any shape editing mode, the modified point will be displayed with curvature vectors. If you want to get rid of the Bezier curve in your broken line, you will have to delete this point in delete mode , and then re-add it .

To delete a point, go to the mode  and just select the point to be deleted with the mouse cursor. In this case, the segments that are suitable for this point will also be deleted, and the neighboring ones from the remote point will be connected by a new segment.

In the situation with the polygon, everything is exactly the same. That is, initially all points on the figure do not have the segment curvature settings.

 

To create a polygon with Bezier curves, select the mode  and alternately select points on the figure, changing the position of the curvature vectors of the segments.

 

If you change the position of the curvature settings for a point, from now on these settings will be available in any editing mode. That is, to return the segment to the original straight line mode, you will have to delete the point and add it again.

It is worth noting that drawing curves without proper practice can take quite a long time. Even creating such a simple figure:

 

Therefore, in the next article we will look at the way to create vector objects in a report from application code, or a report script.

about product buy
avatar
Dmitriy Fedyashov
Technical Writer
Fast Reports Team: Dmitriy Fedyashov - Technical Writer at Fast Reports
.NET FastReport SVG

Add comment
logo
  • 800-985-8986 (English, US)
  • +4930568373928 (German)
  • +55 19 98147-8148 (Portuguese)
  • info@fast-report.com
  • 901 N Pitt Str #325 Alexandria VA 22314
  • Shop
  • Download
  • Dokumentation
  • Referenzen
  • Informationen zur Deinstallation unserer Produkte
  • FAQ
  • Tutorial Video
  • Forum
  • Articles
  • Unsere Nachrichten
  • Presse über uns
  • Partner
  • Außergewöhnliche Lizenzierung
  • Kontakte

© 1998-2023 by Fast Reports Inc.

  • Datenschutz