fix: fixed CSS scale() issue on WebKit by wrap up text in g tag

This commit is contained in:
Edison Lee 2020-07-18 10:37:34 +08:00
parent 96f89ad2b7
commit 61442cb359
No known key found for this signature in database
GPG Key ID: 835DFCB891513C34

View File

@ -135,16 +135,17 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
})">
<circle class="rank-circle-rim" cx="-10" cy="8" r="40" />
<circle class="rank-circle" cx="-10" cy="8" r="40" />
<text
x="${rank.level.length === 1 ? "-4" : "0"}"
y="0"
alignment-baseline="central"
dominant-baseline="central"
text-anchor="middle"
class="rank-text"
>
${rank.level}
</text>
<g class="rank-text">
<text
x="${rank.level.length === 1 ? "-4" : "0"}"
y="0"
alignment-baseline="central"
dominant-baseline="central"
text-anchor="middle"
>
${rank.level}
</text>
</g>
</g>`;
// the better user's score the the rank will be closer to zero so