Дуга не отображается в 2D-контексте в Safari

Question

Я пытаюсь сделать простой круг на холсте, и он отлично работает на Chrome, но не работает в Safari.

Странно то, что когда я пытаюсь получить x положение круга, я получаю ожидаемое число, поэтому он, очевидно, существует, но просто не отображается должным образом.

canvas.context.beginPath(); 
canvas.context.strokeStyle = 'rgba(255, 153, 0, 1)'; 
canvas.context.lineWidth = 10; 
canvas.context.arc(x, y, radius, 0, Math.PI * 2); 
canvas.context.stroke(); 
canvas.context.closePath(); 

width, height и radius пользовательские переменные, которые вычисляются во время выполнения, а также выборочные значения

x = 155; 
y = 155; 
radius = 25.5; 

Но это не является фиксированной и может быть любое число из определенного диапазона.

И это делает оранжевый круг в Chrome, но ничего в Safari, поэтому любая идея почему?

Answer 1

Я нашел решение. Вопрос в том, что radius рассчитывались плавать номер, и по какой-то причине Safari не будет оказывать дугу с радиусом 25.5, так что я должен был сделать

Math.floor(radius) 

Которые в основном решить мою проблему. Я не знаю, почему это произошло, но есть решение в случае, если кто-то другой имеет такую ​​же проблему.