Mundarija:

Tuval HTMLda qanday qilib doira yarataman?
Tuval HTMLda qanday qilib doira yarataman?

Video: Tuval HTMLda qanday qilib doira yarataman?

Video: Tuval HTMLda qanday qilib doira yarataman?
Video: #ملابس#الشتاء#خياطة بلوزة كروازيه شتوى 2024, May
Anonim

The yoy () usuli yaratadi a yoy / egri (ishlatilgan doiralar yaratish , yoki qismlari doiralar ). Maslahat: To doira yarating bilan yoy (): Boshlanish burchagini 0 ga va tugatish burchagini 2*Math. PI. Maslahat: stroke() yoki fill() usulidan foydalaning chizish the yoy ustida tuval.

Bu bilan bog'liq holda, HTML tuvalida qanday qilib doira chizishim mumkin?

Kimga chizish yoylar yoki doiralar , biz arc() yoki arcTo() usullaridan foydalanamiz. Markazi (x, y) holatida joylashgan yoyni chizadi, r radiusi startBurchakdan boshlanib, oxirgi burchakda tugaydigan yo‘nalish soat miliga teskari yo‘nalishda (soat yo‘nalishi bo‘yicha sukut bo‘yicha).

Shuningdek, bilingki, kanvas doiralarni shakllantirish uchun CSS-dan foydalana olasizmi? Chunki tuval HTML elementidir, CSS uslublaridan foydalanishingiz mumkin uning o'rnini o'zgartirish, unga fon rangi yoki tasvirini belgilash, qo'shish chegara va boshqalar. Chunki kanvas mumkin shaffof fonga ega, CSS dan foydalanishingiz mumkin veb-sahifa bo'ylab erkin aylanib yuradigan animatsion grafiklarni yaratish.

Bundan tashqari, CSS-da qanday qilib doira yasayman?

  1. Belgilangan balandlik va kenglik bilan div yarating (shuning uchun, aylana uchun bir xil balandlik va kenglikdan foydalaning), kvadrat hosil qiling.
  2. 50% chegara radiusini qo'shing, bu esa uni aylana shaklida qiladi. (
  3. Keyin fon rangi / gradientlari / (hatto psevdo elementlar) bilan o'ynashingiz mumkin va shunga o'xshash narsalarni yaratishingiz mumkin:

Qanday qilib yo'l chizasiz?

Yo'l yoki ko'pburchak chizing

  1. Google Earth-ni oching.
  2. Xaritadagi biror joyga boring.
  3. Xaritaning tepasida Yoʻl qoʻshish tugmasini bosing. Shakl qo'shish uchun Ko'pburchak qo'shish tugmasini bosing.
  4. "Yangi yo'l" yoki "Yangi ko'pburchak" dialog oynasi ochiladi.
  5. Kerakli chiziq yoki shaklni chizish uchun xaritadagi boshlang'ich nuqtani bosing va torting.
  6. Yakuniy nuqtani bosing.
  7. OK tugmasini bosing.

Tavsiya: