Юу мэдэх вэ
• Хөтөч нь хэмжээг өөрчлөхгүй энгийн хэмжээтэй зураг ашиглана уу. Мөн танд зураг засварлагч, HTML эсвэл текст засварлагч хэрэгтэй болно.
• Зураг оруулахдаа газрын зургийн координатыг тодорхойлох нэмэлт атрибут нэмнэ үү.
• Жишээ нь:
Энэ нийтлэлд зургийн газрын зураг засварлагчийн оронд HTML шошго ашиглан зургийн газрын зургийг хэрхэн үүсгэх талаар тайлбарласан болно. Ихэнх зураг засварлагчид таныг зураг руу чиглүүлэх үед хулганын координатыг харуулах бөгөөд энэ нь зургийн газрын зургийг ашиглаж эхлэхэд шаардлагатай бүх өгөгдөл юм.
Зургийн газрын зураг үүсгэх
Зургийн газрын зураг үүсгэхийн тулд эхлээд газрын зургийн суурь болох зургийг сонгоно уу. Зураг нь "хэвийн хэмжээтэй" байх ёстой - өөрөөр хэлбэл, та хөтөч үүнийг масштаблахаар тийм том зураг ашиглах ёсгүй.
Та зургийг оруулахдаа газрын зургийн координатыг тодорхойлсон нэмэлт шинж чанарыг нэмэх болно:
Та зургийн газрын зураг үүсгэх үед зураг дээр товших боломжтой хэсгийг үүсгэж байгаа тул газрын зургийн координат нь таны сонгосон зургийн өндөр, өргөнтэй тохирч байх ёстой. Газрын зураг гурван өөр хэлбэрийн дүрсийг дэмждэг:
- тэгш өнцөгт буюу дөрвөн талт дүрс
- поли-олон өнцөгт эсвэл олон талт дүрс
- тойрог-тойрох
Газаруудыг үүсгэхийн тулд та зураглах гэж буй тодорхой координатуудаа тусгаарлах ёстой. Газрын зураг нь зураг дээрх нэг буюу хэд хэдэн тодорхойлсон хэсгээс бүрдэж, товшсоноор шинэ холбоос нээнэ.
Тэгш өнцөгтийн хувьд та зөвхөн зүүн дээд болон баруун доод булангуудыг зураглана. Бүх координатуудыг x, y (дээш, дээш) гэж жагсаав. Тиймээс, зүүн дээд буланд 0, 0, баруун доод буланд 10, 15-ын хувьд та 0, 0, 10, 15 гэж бичнэ. Та үүнийг газрын зурагт оруулна уу:
Олон өнцөгтийн хувьд та x, y координат бүрийг тусад нь зураглана. Вэб хөтөч нь хамгийн сүүлийн координатыг эхнийхтэй автоматаар холбодог; Эдгээр координат доторх бүх зүйл газрын зургийн нэг хэсэг байна.
Тойргийн дүрс нь тэгш өнцөгт шиг зөвхөн хоёр координат шаарддаг боловч хоёр дахь координатын хувьд та тойргийн төвөөс радиус эсвэл зайг зааж өгнө. Тиймээс, төв нь 122, 122, радиус нь 5-тай тойрогт та 122, 122, 5 гэж бичнэ:
Бүх хэсэг болон дүрсийг нэг газрын зургийн шошгонд оруулж болно:
Анхаарал
Зургийн газрын зураг нь 1990-ээд оны Web 1.0-ийн эрин үед илүү түгээмэл байсан ба 2000-аад оны эхэн үед зургийн газрын зураг нь ихэвчлэн вэб сайтын навигацийн үндэс болдог байв. Загвар зохион бүтээгч цэсийн зүйлийг зааж өгөхийн тулд ямар нэгэн зураг үүсгэж, дараа нь газрын зураг тохируулна.
Орчин үеийн арга барилууд нь мэдрэмжтэй дизайныг дэмжиж, хуудас дээрх зураг болон холбоосын байршлыг хянахын тулд шаталсан загварын хүснэгтүүдийг ашигладаг.
Хэдийгээр газрын зургийн шошгыг HTML стандартад дэмжсэн хэвээр байгаа ч жижиг хэлбэрийн хүчин зүйл бүхий гар утасны төхөөрөмжүүдийг ашиглах нь зургийн газрын зургийн гүйцэтгэлд гэнэтийн асуудал үүсгэж болзошгүй. Нэмж хэлэхэд, зурвасын өргөнтэй холбоотой асуудал эсвэл эвдэрсэн зураг нь зургийн газрын зургийн үнэ цэнийг үүсгэдэг.
Тиймээс одоо вэб дизайнеруудын дунд моодонд ороод байгаа илүү үр дүнтэй хувилбарууд байгаа гэдгийг мэдэж байгаа тул энэхүү тогтвортой, сайн ойлгогдсон технологийг үргэлжлүүлэн ашиглаж болно.
