°³Ã¼ ³»¿ëÀÇ ÁÖÀ§¸¦ µÑ·¯½Î´Â TextRectangle °³Ã¼ÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº °³Ã¼ ³»¿ëÀÇ ÁÖÀ§¸¦ µÑ·¯½Î´Â TextRectangle °³Ã¼ÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

TextRange °³Ã¼ »ç°¢ÇüÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é TextRangesÀ» »ç¿ëÇÏ¿©

RctCol=TextRangeObj.getClientRects();
RctCol[index].right;

¹­ÀÎ(bound) ¿¤·¹¸àÆ®ÀÇ ¹ÝÇ⠻簢ÇüÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é boundElementsÀ» »ç¿ëÇÏ¿©

BndRctCo=elementObj.getBoundingClientRect();
BndRctCol(index).right;

µÎ °æ¿ì ¸ðµÎ Ä÷º¼Ç¿¡¼­ ¹è¿­º¯¼öÀÇ Àμö·Î È£ÃâÇϹǷΠóÀ½ °ÍÀÌ index 0, µÎ¹ø°°¡ 1 ½ÄÀ¸·Î µÈ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
Âü°í
bottom left right top TextRectangle TextRectangles Ä÷º¼Ç

ÀÌ ¼Ó¼ºÀº CSS2 (Cascading Style Sheets Level 2)¿¡¼­ Á¤ÀǵǾú´Ù.


getBoundingClientRect ¸Þ¼­µå·Î TextRange °³Ã¼¸¦ »ý¼ºÇÏ°í ¼Ó¼ºÀ» º¸´Â ¿¹Á¦

°á°ú Ç¥½Ãâ
<SCRIPT>
function getCoords(obj){
  rectObj=obj.getBoundingClientRect();
  str='Bounding Rectangle<BR>¿ÞÂÊ ¸ÇÀ§ ÁÂÇ¥=('+rectObj.left+','+rectObj.top+')<BR>';
  str+='¿À¸¥ÂÊ ¸Ç¾Æ·¡ ÁÂÇ¥=('+rectObj.right+','+rectObj.bottom+')';
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON id=oPara onclick="getCoords(this)">Ŭ¸¯ÇÏ¿© TextRangeÀ» »ý¼ºÇØ º¸¶ó</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>