სურათი რუკები მხოლოდ უბრალო HTML ტეგები
სურათის რუკები საინტერესო და საინტერესო გზაა თქვენი ვებ-გვერდის გასახსნელად, მათთან ერთად შეგიძლიათ ატვირთოთ სურათები და ამ სურათების ნაწილების შექმნა სხვა ონლაინ აქტივებზე. თუ თქვენ ხართ პინჩში და არ გსურთ ჩამოტვირთოთ გამოსახულების რუკის რედაქტორი, შექმენით რუკა HTML ტეგების გამოყენებით.
თქვენ დაგჭირდებათ სურათი, გამოსახულების რედაქტორი და გარკვეული HTML რედაქტორი ან ტექსტური რედაქტორი. ყველაზე გამოსახულების რედაქტორები გაჩვენებთ კოორდინატებს თქვენი მაუსის როდესაც თქვენ აღვნიშნო გამოსახულება. ეს კოორდინატთა მონაცემები არის ყველაფერი, რაც უნდა დაიწყოს სურათების რუკებით.
სურათის რუკის შექმნა
სურათის რუკის შესაქმნელად, აირჩიეთ სურათი, რომელიც ემსახურება რუკის საფუძველს. გამოსახულება უნდა იყოს "ნორმალური ზომა", ანუ, არ უნდა გამოიყენოთ იმიჯი ისე, რომ ბრაუზერი გაანადგურებს მას.
სურათის ჩასმა, თქვენ დაამატებთ დამატებით ატრიბუტს, რომელიც განსაზღვრავს რუკის კოორდინატებს:
სურათის რუკის შექმნისას თქვენ შექმნით სურათს, რომელიც სურათზე არის დაჭერილი, ამიტომ რუკის კოორდინატები უნდა შეესაბამებოდეს გამოსახულების სიმაღლეს და სიგანეს. რუკები მხარს უჭერს სამი სხვადასხვა სახის ფორმებს:
- მართკუთხა ან ოთხკუთხედი ფიგურა
- პოლი-პოლიგონის ან მრავალმხრივი ფიგურა
- წრე - წრე
ტერიტორიების შესაქმნელად, თქვენ უნდა მოახდინოთ კონკრეტული კოორდინატების იზოლირება თქვენ აპირებთ რუკას. რუკა შეიძლება შედგებოდეს ერთი ან მეტი განსაზღვრული ტერიტორიის გამოსახულებაზე, რომელიც დააკლიკეთ ახალ ჰიპერბმულს.
მართკუთხედისთვის , თქვენ მხოლოდ ზედა მარცხენა და ქვედა მარჯვენა კუთხეების რუკას მიუთითებთ. ყველა კოორდინაცია ჩამოთვლილია x, y (over, up). ასე რომ, ზედა მარცხენა კუთხეში 0,0 და ქვედა მარჯვენა კუთხეში 10,15 შეიყვანთ 0,0,10,15 . თქვენ შემდეგ შეიტანეთ რუკაზე: