重なった領域を取得する

書式

regionObj = regionObj1.intersect(regionObj2)

regionObj : 連結された領域オブジェクト
regionObj1, regionObj2 : 領域オブジェクト

説明

 重なった領域を取得するには領域オブジェクトに対してintersect()を使います。パラメータにはもう1つの領域オブジェクトを指定します。戻り値は2つの領域が重なった新しい領域オブジェクトになります。

サンプルコード [実行]

<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 calcRegion(){
var regObj1 = YAHOO.util.Dom.getRegion("box1");
var regObj2 = YAHOO.util.Dom.getRegion("box2");
YAHOO.util.Dom.get("result").innerHTML = regObj1.intersect(regObj2);
}
// --></script>
</head>
<body>
<h1>重なった領域を取得</h1>
<form>
<input type="button" value="領域表示" onClick="calcRegion()">
</form>
<div id="result"></div>
<div id="box1">box1</div>
<div id="box2">box2</div>
</body>
</html>