Open adschm opened 3 years ago
When using animations (e.g. blinking via @keyframes), Chromium will blur the chart which is particularly visible for text.
@keyframes
An easy solution is to enforce integer width/height. (inspired by [1])
Thus, adding an option to round the svg size to the nearest integer (or doing this by default) would be desirable to have sharp plots.
Blurred (automatic width: 497.328125):
Sharp (manual width: 497):
Note that the referenced article is different from my experiment:
[1] https://www.blackpepper.co.uk/blog/blurry-css-animations-in-chrome-try-this
@adschm, maybe rendering hint can mitigate this.
.bb-gauge-value { shape-rendering: crispEdges }
When using animations (e.g. blinking via
@keyframes
), Chromium will blur the chart which is particularly visible for text.An easy solution is to enforce integer width/height. (inspired by [1])
Thus, adding an option to round the svg size to the nearest integer (or doing this by default) would be desirable to have sharp plots.
Blurred (automatic width: 497.328125):
Sharp (manual width: 497):
Note that the referenced article is different from my experiment:
[1] https://www.blackpepper.co.uk/blog/blurry-css-animations-in-chrome-try-this