TCanvas Formen sehen auf verschiedenen Bildschirmen anders (unscharf) aus

[egon89]

Hallo,

in meiner Anwendung werden verschiedene Formen mittels TCanvas erstellt (Kreise, Rechtecke, Linien …usw.). Auf dem Bildschirm, auf dem ich arbeite, sehen die Formen dann richtig gut und scharf aus. Wenn ich meine Anwendung dann aber auf einem anderen Bildschirm laufen lassen, sehen die Formen auf einmal verpixelt und unscharf aus und Linien sind auf einmal nicht mehr gerade (siehe Bilder).

Wenn meine Anwendung startet, misst diese erst einmal die Höhe und Breite des Fensters aus (in Pixel). Der Höhe und Breite weiße ich einen Wert zu. Anschließend werden die Formen in Relation zu diesen Werten erstellt.
Das heißt die Start- und Endwerte sind in konkreten Zahlen immer anders (je nach Höhe und Breite), aber in Relation sind die Formen immer gleich (z.B. 2cm vom Rand entfernt).

Das Problem habe ich aber auch bei Nicht-TCanvas Formen wie z.B. TStringGrid, das ist auch komplett unscharf.

Ich arbeite mit TImage.Canvas und VCL.

Leider weiß ich im Moment überhaupt nicht, wo ich anfangen kann, mich mit diesem Problem zu beschäftigen – ich dachte bereits, es hat etwas mit ScaleFactor oder so zu tun, aber ich habe ehrlich gesagt nicht einmal eine Ahnung, was das Problem sein könnte (vor allem, da das Problem auch nicht-TCanvas Komponenten betrifft).

Danke und Gruß
Gregor

[egon89]

Habe wohl einen Ansatz gefunden.

Werde mich mal mit Direct2D und/oder GDI+ auseinandersetzen.

[TurboMagic]

Hallo,

haben diese anderen Bildschirme evtl. andere Auflösungen/Zoomfaktoren in den Bildschirmeinstellungen?
Und wie sind die HiDPI Einstellungen deiner Anwendung unter Projekt Optionen?

[Redeemer]

Wenn man gerne mit Canvas arbeiten und sich beim Generieren der Zeichnung nicht um die Skalierung kümmern möchte, kann man zuerst in Standardgröße auf eine TMetafileCanvas malen und anschließend das resultierende TMetaFile in der gewünschten Größe zeichnen so wie jedes andere Bild - mit der richtigen Zeichenmethode ist das dann aber immer scharf - sofern die DPI-Einstellungen so sind, dass die Skalierung nicht durch Windows passiert. Ein anderes Zwischenformat ist SVG, dafür gibt es kleinere (RedeemerSVG) und größere Bibliotheken, aber SVG kann keine Hatches.

[egon89]

Zitat von TurboMagic:

Hallo,

haben diese anderen Bildschirme evtl. andere Auflösungen/Zoomfaktoren in den Bildschirmeinstellungen?
Und wie sind die HiDPI Einstellungen deiner Anwendung unter Projekt Optionen?

Ja, die Auflösungen sind unterschiedlich - "4096 x 2304" beim "guten" Bildschirm, "3840 x 2160" beim "schlechten" Bildschirm.
Wenn ich aber die Auflösung beim "schlechten" Bildschirm hochschraube, wird das Problem leider nicht gelöst.

Auch die Anpassung bei High DPI von "Automatisch (Bilschirm PPI)" auf Benutzerdefiniert (150 oder 480 PPI) oder auch auf "Low DPI" macht gar keinen Unterschied.

[Uwe Raabe]

Zitat von egon89:

Auch die Anpassung bei High DPI von "Automatisch (Bilschirm PPI)" auf Benutzerdefiniert (150 oder 480 PPI) oder auch auf "Low DPI" macht gar keinen Unterschied.

Die sind ja auch nur für das Design in der IDE relevant.

[himitsu]

Und was ist mit der Skalierung der ganzen Form, bzw. Anwendung?

Form.Scaled usw.
sowie
Projektoptionen > Anwendung > Manifest > DPI-Unterstützung

Wenn das Fenster durch Windows skaliert wird, dann hat das Canvas der Form und somit auch alle untergeordneten Canvas intern eine andere Auflösung.

[TurboMagic]

Zitat von Redeemer:

Wenn man gerne mit Canvas arbeiten und sich beim Generieren der Zeichnung nicht um die Skalierung kümmern möchte, kann man zuerst in Standardgröße auf eine TMetafileCanvas malen und anschließend das resultierende TMetaFile in der gewünschten Größe zeichnen so wie jedes andere Bild - mit der richtigen Zeichenmethode ist das dann aber immer scharf - sofern die DPI-Einstellungen so sind, dass die Skalierung nicht durch Windows passiert. Ein anderes Zwischenformat ist SVG, dafür gibt es kleinere (RedeemerSVG) und größere Bibliotheken, aber SVG kann keine Hatches.

Nur Interesse halber: was sind Hatches?

[himitsu]

z.B. Brush.Style, also diese Linienmuster/Fillpattern

Sieht aber so aus, als wenn SVG sowas doch kann.
https://codepen.io/layalk/pen/mmXpog

[Redeemer]

Zitat von himitsu:

Sieht aber so aus, als wenn SVG sowas doch kann.
https://codepen.io/layalk/pen/mmXpog

Ja schon, aber es ist halt wesentlich mehr Aufwand. Auch RedeemerSVG kann das (glaube ich), rastert es aber.