Мазмуну:

Кантип HTML canvas ичинде тегерек түзө алам?
Кантип HTML canvas ичинде тегерек түзө алам?

Video: Кантип HTML canvas ичинде тегерек түзө алам?

Video: Кантип HTML canvas ичинде тегерек түзө алам?
Video: 🌹Часть 1. Вяжем красивый и теплый бактус спицами. Оригинальный дизайн с кисточками и японским узором 2024, Май
Anonim

The арка () ыкмасы жаратат а арка / ийри (колдонулган чөйрөлөрдү түзүү , же бөлүктөрү чөйрөлөр ). Кеңеш: То айлана түзүү менен арка (): Башталгыч бурчун 0 жана аяктоо бурчун 2*Математикага коюңуз. PI. Кеңеш: Чындыгында stroke() же fill() ыкмасын колдонуңуз тартуу the арка үстүндө кенеп.

Буга байланыштуу, мен кантип кенеп HTMLде тегерек тартсам болот?

үчүн тартуу аркалар же чөйрөлөр , биз arc() же arcTo() ыкмаларын колдонобуз. (x, y) позициясында борборлоштурулган, радиусу r башталгыч бурчтан башталып, аяккы бурчта аяктаган жааны сааттын жебесине каршы (демейки боюнча сааттын жебеси боюнча) көрсөтүлгөн багытка карай тартат.

Ошондой эле билесизби, кенеп чөйрөлөрдү стилдөө үчүн CSS колдоно аласызбы? Себеби кенеп HTML элементи болуп саналат, сиз CSS стилдерин колдоно аласыз анын абалын өзгөртүү үчүн, ага фон түсүн же сүрөттү дайындоо, кошуу чек ара жана башкалар. Себеби кенеп болот ачык фон бар, сиз CSS колдоно аласыз веб-баракчада эркин жүргөн анимацияланган графиканы түзүү.

Андан тышкары, CSSте кантип тегерек түзө алам?

  1. Белгиленген бийиктиги жана туурасы менен div түзүңүз (ошондуктан, тегерек үчүн бирдей бийиктикти жана туураны колдонуңуз), квадратты түзүңүз.
  2. 50% чек ара радиусун кошуңуз, бул аны тегерек формада кылат. (
  3. Андан кийин сиз төмөнкүдөй нерсени түзүү үчүн фон түсү / градиенттер / (ал тургай псевдо элементтер) менен ойной аласыз:

Кантип жол тартасыз?

Жолду же көп бурчтукту тартыңыз

  1. Google Жерди ачыңыз.
  2. Картадагы бир жерге барыңыз.
  3. Картанын үстүндө Жолду кошуу баскычын чыкылдатыңыз. Фигураны кошуу үчүн, Көп бурчтук кошуу чыкылдатыңыз.
  4. "Жаңы жол" же "Жаңы көп бурчтук" диалогу ачылат.
  5. Каалаган сызыкты же форманы тартуу үчүн картадагы башталгыч чекитти басып, сүйрөңүз.
  6. Акыркы чекитти басыңыз.
  7. OK басыңыз.

Сунушталууда: