Fix changing favicon on macOS

Fix favicon font size with DPR
This commit is contained in:
morethanwords 2021-03-09 21:33:47 +04:00
parent 6641dc6ff4
commit 3a8f5df201
2 changed files with 5 additions and 3 deletions

View File

@ -9,7 +9,7 @@
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<!--<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">-->
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="assets/img/safari-pinned-tab.svg" color="#64a3f0">
<meta name="msapplication-TileColor" content="#da532c">

View File

@ -239,14 +239,16 @@ export class AppNotificationsManager {
fontSize = 20;
} else {
str = '99+';
fontSize = 18;
fontSize = 16;
}
fontSize *= window.devicePixelRatio;
ctx.font = `700 ${fontSize}px ${fontFamily}`;
ctx.textBaseline = 'middle';
ctx.textAlign = 'center';
ctx.fillStyle = 'white';
ctx.fillText('' + this.notificationsCount, canvas.width / 2, canvas.height * .5625);
ctx.fillText(str, canvas.width / 2, canvas.height * .5625);
/* const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, canvas.width, canvas.height); */