Clock widget: render sharp on retina (support devicePixelRatio)

This commit is contained in:
Felix Niklas 2019-03-14 15:48:16 +01:00 committed by Thorsten Eckel
parent 74e1fa8722
commit 6f67f417ee
2 changed files with 8 additions and 2 deletions

View File

@ -28,14 +28,18 @@ class Stats extends App.Controller
@renderWidgetClockFace(data.StatsTicketWaitingTime.handling_time, data.StatsTicketWaitingTime.state, data.StatsTicketWaitingTime.percent)
renderWidgetClockFace: (time, state, percent) =>
dpr = window.devicePixelRatio || 1
canvas = @el.find 'canvas'
ctx = canvas.get(0).getContext '2d'
radius = 26
@el.find('.time.stat-widget .stat-amount').text time
canvas.attr 'width', 2 * radius
canvas.attr 'height', 2 * radius
canvas.attr 'width', 2 * radius * dpr
canvas.attr 'height', 2 * radius * dpr
# scale canvas to dpr (2x on retina)
ctx.scale dpr, dpr
handlingTimeColors = {}
handlingTimeColors['supergood'] = '#38AE6A' # supergood

View File

@ -4424,6 +4424,8 @@ footer {
position: absolute;
top: 21px;
left: 14px;
width: 52px;
height: 52px;
}
.stats-row {