Почему задан именно такой viewbox?

Question

[gameWinner]

сейчас viewBox="0 0 50 50"
меняю на какой-то другой ( именно два последние значения), то график не будет отображаться
https://codepen.io/sasha-sm/pen/WNvKNmR

Answer 1

[Aetae]

Не" какой-то другой", а "какой-то неправильный". Если ты поставишь например 0 0 500 500 - всё будет работать, просто бублик будет в 10 раз меньше.
Собственно это то, что делает viewBox - задаёт систему координат для вложенных элементов. Т.е. width у тебя 500px - эти 500px, размечены на отрезки от 0 до 50. Т.е. 1 -> 10px, r="15.9" -> r="159px". Всё просто.

Comments

[gameWinner]

Aetae , спасибо, а height обязательно задавать? нигде не будет неприятностей?