Collecting the values of the coordi

Collecting the values of the coordinates of any image is a common requirement in many applications. For example if we have one map and wants the visitors to click on any area of the map to enlarge ( zoom ) it then we must know the coordinates of the click point where the visitor wants to be magnified. Based on the coordinates in X and Y plot of the image we can further process the script to give desire result. The example below will display the values of the coordinate ( X and Y ) of the point you click. Here by using CSS, your mouse pointer is changed to cross. You can learn more on how to change the mouse pointer in our CSS section or click here. Copy the code of this example given at the end. Note that the value of X ( horizontal ) and Y ( Vertical ) coordinate is zero at the top left corner of the image. It reaches its maximum value at the right bottom point of the image.

ผลลัพธ์ (ไทย) 1:

เก็บค่าพิกัดของภาพที่มีความต้องการทั่วไปในโปรแกรมประยุกต์หลายโปรแกรม เช่น ถ้าเรามีแผนที่ และต้องการเข้าชมในคลิบนพื้นที่ของแผนที่เพื่อดูภาพขยาย (ซูม) เราต้องรู้พิกัดของจุดคลิกที่อยากขยายให้ผู้เยี่ยมชม ตามพิกัดใน X และ Y พล็อตของภาพเราสามารถประมวลผลต่อไปสคริปต์ให้ผลความต้องการ ตัวอย่างด้านล่างจะแสดงค่าที่พิกัด (X และ Y) ของจุดที่คุณคลิก ที่นี่ โดยใช้ CSS ตัวชี้เมาส์เปลี่ยนเป็นครอส คุณสามารถศึกษาข้อมูลเพิ่มเติมเกี่ยวกับวิธีการเปลี่ยนตัวชี้เมาส์ในส่วน CSS ของเรา หรือคลิกที่นี่ คัดลอกโค้ดตัวอย่างนี้ให้จบ โปรดสังเกตว่าค่าของ X (แนวนอน) และ Y (แนวตั้ง) มีการประสานงาน เป็นศูนย์ที่มุมซ้ายบนของภาพ จะถึงค่าสูงสุดที่จุดล่างขวาของรูป

ผลลัพธ์ (ไทย) 2:

การจัดเก็บภาษีของค่าพิกัดของภาพใด ๆ ที่เป็นความต้องการร่วมกันในการใช้งานมาก ตัวอย่างเช่นถ้าเรามีแผนที่และต้องการผู้เข้าชมคลิกที่พื้นที่ของแผนที่ใด ๆ เพื่อขยาย (ซูม) จากนั้นเราจะต้องรู้พิกัดของจุดคลิกที่ผู้เข้าชมต้องการที่จะขยาย ขึ้นอยู่กับพิกัด X และ Y พล็อตของภาพที่เราสามารถดำเนินการต่อไปสคริปต์ที่จะให้ผลความปรารถนา ตัวอย่างด้านล่างนี้จะแสดงค่าของพิกัด (x แล​​ะ y) ของจุดที่คุณคลิก ที่นี่โดยใช้ CSS, ชี้เมาส์ของคุณมีการเปลี่ยนแปลงที่จะข้าม คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับวิธีที่จะเปลี่ยนแปลงตัวชี้เมาส์ในส่วน CSS ของเราหรือคลิกที่นี่ คัดลอกโค้ดของตัวอย่างนี้ได้รับในตอนท้าย โปรดทราบว่าค่าของเอ็กซ์ (แนวนอน) และ Y (แนวตั้ง) เป็นศูนย์ประสานงานที่มุมบนซ้ายของภาพ มันถึงค่าสูงสุดที่จุดด้านล่างขวาของภาพ

ผลลัพธ์ (ไทย) 3:

เก็บค่าพิกัดของภาพใด ๆที่เป็นความต้องการทั่วไปในการใช้งานมาก ตัวอย่างเช่นถ้าเรามีแผนที่และต้องการผู้เยี่ยมชมคลิกที่พื้นที่ของแผนที่เพื่อขยาย ( ซูม ) แล้วเราต้องรู้พิกัดของคลิกที่จุดที่ผู้เข้าชมต้องการจะขยายตามพิกัดใน X และ Y พล็อตของภาพที่เราสามารถประมวลผลสคริปต์เพื่อให้ได้ผลที่ต้องการ ตัวอย่างด้านล่างจะแสดงผลค่าพิกัด ( X และ Y ) ของจุดที่คุณคลิก ที่นี่โดยใช้ CSS , ตัวชี้เมาส์ของคุณมีการเปลี่ยนแปลงเพื่อข้าม คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการเปลี่ยนแปลงตัวชี้เมาส์ในส่วนของ CSS ของเราหรือคลิกที่นี่คัดลอกโค้ดในตัวอย่างนี้ระบุในตอนท้าย ทราบว่าค่าของ x ( แนวนอน ) และ Y ( แนวตั้ง ) ประสาน คือ ศูนย์ที่ด้านบนมุมซ้ายของภาพ ถึงมูลค่าสูงสุดที่จุดขวาล่างของภาพ