Комментарий: рисунок эллипс в холсте является очень распространенным требованием, но большинство браузеров еще не реализовали этот метод, поэтому они часто используют метод Arc или Arcto для сочетания деформации масштаба для рисования эллипсов. Заинтересованные друзья могут узнать об этом, надеясь, что это поможет вам.
Рисование эллипсов в холсте является очень распространенным требованием. Новый черновик HTML Canvas 2D ContextW3C добавил метод эллипса для рисования эллипсов, но большинство браузеров еще не реализовали этот метод, поэтому необходимо использовать метод ARC или ARCTO в сочетании с деформацией масштаба для рисования эллипсов.
Пример кода:
<Canvas> </canvas>
<Скрипт>
var ctx = documentQuerySelector ('canvas') getContext ('2d');
ctxlinewidth = "10";
ctxscale (1,2);
ctxarc (150 150,100,0, Mathpi*2, false);
ctxstroke ();
</script>
Это немного неправильно, потому что линии неровные по толщине, а удар также влияет масштаб.
Чтобы решить эту проблему, нам нужен немного трюка.
Пример кода:
[код]
<Canvas> </canvas>
<Скрипт>
var ctx = documentQuerySelector ('canvas') getContext ('2d');
ctxlinewidth = "10";
ctxsave ();
ctxscale (1,2);
ctxarc (150 150,100,0, Mathpi*2, false);
ctxrestore ();
ctxstroke ();
</script>
[/код]
Теперь даже идеально.
Хитрость состоит в том, чтобы сначала сохранить состояние холста, затем масштабировать и вызвать команду Path, затем восстановить состояние холста, а затем вытянуть его.
Ключевым моментом является сохранение сначала, а затем увеличить, сначала восстановить, а затем инсульт.