Decreased quality of text on webgraphics

Targets Web
1

I have a series of web apps already deployed, but the latest one under development has a noticeable decline in the quality of text used within the web graphic. I am using the same font as before, tried both drawstring and drawobject for a textshape, and both create equally poor text quality.

This is a screenshot of an earlier app:

Screen Shot 2020-08-18 at 12.18.28 PM
Screen Shot 2020-08-18 at 12.18.28 PM1526×1438 443 KB

And this is the lastest:

Screen Shot 2020-08-18 at 12.19.44 PM
Screen Shot 2020-08-18 at 12.19.44 PM1958×1360 234 KB

Nothing has changed in the code other than creating different text to be included in the picture, which is saved as a webpicture and displayed in an WebImageView.

Suggestions?

Thanks, John

2

Open a bug report.

3

Thank you, Rick.

4

Show the effect in web 1.0, and the loss of quality in web 2.0 in a sample in such report.

5

What for?
Xojo already said Web 1.0 is dead and all the bugs will remain like that

6

I posted photos on the bug report and links to two versions of the app - one deployed in May, 2020, and the other of a test of an updated version that is in progress.

7

To show that the updated version is decreasing the quality and needs a revision in such part.

8

  • The original Picture has the same quality problems or those are just when converted to WebPicture?

  • Are you using a “format” in the constructor of your WebPicture?

  • Can you try another format?

  • Text on top looks ok, what is the difference beetween drawing that title and the other text?

9

Apologies - the text at the top of the first picture was from a text box.

This image shows the text quality of the app deployed in May 2020 - the text in the upper left is quite crisp.

Screenshot of May 2020 webpicture
Screenshot of May 2020 webpicture1419×1191 137 KB

This is the same app but being updated to add some additional features. The text in the upper left is quite degraded compared to the earlier version.

Screenshot of current webpicture
Screenshot of current webpicture1931×1171 217 KB

10

I am creating the ColorCubePix (picture) using

ColorCubePic = new Picture(ColorCubeImage.Width, ColorCubeImage.Height, 32)

I declare

ColorCubeWeb as WebPicture in Properties

and then

ColorCubeWeb = ColorCubePic

11

Oddly, the R, G, and B in both images are similar, which has thrown me for a loop since I create the text in the same way on the Picture.