ポイント(点)を作成する

書式

pointObj = new YAHOO.util.Point(x,y)

pointObj : ポイントオブジェクト
x : X座標
y : Y座標

説明

 ポイント(点)を作成するにはYAHOO.util.Point()を使います。X座標はxプロパティ、Y座標はyプロパティで参照できます。ポイントは領域の拡張となるため内部ではYAHOO.util.Region()と同じ扱いになります。このため、top, left, bottom, rightでも座標値を参照、設定することができます。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="yahoo.js"></script>
<script type="text/javascript" src="dom.js"></script>
<script type="text/javascript"><!--
function newRegion(x, y){
var pointObj = new YAHOO.util.Point(x, y);
YAHOO.util.Dom.get("result").innerHTML = pointObj + "<br>";
YAHOO.util.Dom.get("result").innerHTML += "xの値 : "+pointObj.x+"<br>";
YAHOO.util.Dom.get("result").innerHTML += "yの値 : "+pointObj.y;
}
// --></script>
</head>
<body>
<h1>ポイントを作成</h1>
<form>
<input type="button" value="ポイントを作成" onClick="newRegion(100,150)">
</form>
<div id="result"></div>
</body>
</html>