Bug 8026 - Blurry TAG SVG images in the HTML version
Summary: Blurry TAG SVG images in the HTML version
Status: NEW
Alias: None
Product: ThinLinc
Classification: Unclassified
Component: Documentation (show other bugs)
Version: trunk
Hardware: Other Other
: P2 Normal
Target Milestone: MediumPrio
Assignee: Bugzilla mail exporter
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-11-15 16:11 CET by Tobias
Modified: 2023-05-17 11:21 CEST (History)
0 users

See Also:
Acceptance Criteria:


Attachments

Description Tobias cendio 2022-11-15 16:11:10 CET
Certain browsers are seemingly not grid-fitting SVG images, resulting in blurry edges which are particularly noticeable for 1px lines; there is no analogous problem with PNG images. Firefox seems to be grid-fitting, while Chrome, Chromium, Edge, and Safari, are presently not.

A simple CSS work-around on the figure level is to use 

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
Comment 1 Tobias cendio 2022-11-15 16:14:46 CET
See for instance Fig. 23 (Web Access toolbar) and Fig. 24 (Web Access toolbar extra-keys):

https://www.cendio.com/resources/docs/tag-devel/html/tlwebaccess_usage.html
Comment 2 Tobias cendio 2022-11-22 15:33:30 CET
Phenomenon reported to Chromium and Webkit:

https://bugs.chromium.org/p/chromium/issues/detail?id=1392140
https://bugs.webkit.org/show_bug.cgi?id=248222
Comment 4 Tobias cendio 2022-12-07 14:24:28 CET
For some yet unknown reason, displayed document dimensions in Inkscape do not
necessarily transfer to the XML file, but may be off by a tiny margin. For
instance, a document width displayed as precisely 100px in Inkscape may save as
99.999997px in the XML file. Some browsers, e.g. Chrome, evidently do not treat
this artifact properly and consistently. Making sure these XML parameters are
integer numbers facilitates grid fitting in the browser and increases the
likelihood that images are rendered sharply.

Note You need to log in before you can comment on or make changes to this bug.