最新的Web開發教程

×

JavaScript 參考

JavaScript

JS 字符串 JS 數 JS 運算符 JS 聲明 JS 數學 JS 日期 JS 排列 JS 布爾 JS 正則表達式 JS 全局 JS 轉變

瀏覽器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 分子 DOM 屬性 DOM 事件 DOM 樣式

HTML 對象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他對象

CSSStyleDeclaration

Area coords Property

例

獲得在圖像映射的特定區域的坐標：

var x = document.getElementById("venus").coords;

x的結果將是：

124,58,8

定義和用法

所述COORDS屬性設置或返回的值coords的區域的屬性。

所述coords屬性指定x和的區域的y坐標。

所述coords屬性與一起使用shape屬性來指定的大小，形狀，以及區域的放置。

Tip:區域的左上角的坐標是0,0。

提示：使用形狀屬性來設置或返回的值shape的區域的屬性。

瀏覽器支持

屬性
coords	是	是	是	是	是

句法

返回COORDS屬性：

areaObject .coords

將COORDS屬性：

areaObject .coords= 屬性值

值	描述
x1,y1,x2,y2	如果shape屬性設置為"rect" ，它指定了左上角的坐標和矩形的右下角
x,y,radius	如果shape屬性被設置為"circle"時，它指定圓心和半徑的坐標
x1,y1,x2,y2,..,xn,yn	如果shape屬性被設置為"poly" ，它指定多邊形的邊的坐標。如果第一個和最後一個坐標對是不一樣的，瀏覽器必須添加對最後一個坐標來關閉多邊形

技術細節

返回值：	一個字符串，代表一個逗號分隔坐標列表

更多示例

例

更改坐標在圖像映射中的特定區域：

document.getElementById("venus").coords = "90,58,3";

相關頁面

HTML參考： HTML <area> COORDS屬性