°³Ã¼ ³»¿ëÀÇ ÁÖÀ§¸¦ µÑ·¯½Î´Â TextRectangle °³Ã¼ÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
TextRange °³Ã¼ »ç°¢ÇüÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é TextRangesÀ» »ç¿ëÇÏ¿©
RctCol=TextRangeObj.getClientRects(); RctCol[index].right;
¹ÀÎ(bound) ¿¤·¹¸àÆ®ÀÇ ¹ÝÇ⠻簢ÇüÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é boundElementsÀ» »ç¿ëÇÏ¿©
BndRctCo=elementObj.getBoundingClientRect(); BndRctCol(index).right;
µÎ °æ¿ì ¸ðµÎ Ä÷º¼Ç¿¡¼ ¹è¿º¯¼öÀÇ Àμö·Î È£ÃâÇϹǷΠóÀ½ °ÍÀÌ index 0, µÎ¹ø°°¡ 1 ½ÄÀ¸·Î µÈ´Ù.
°³Ã¼ | script | HTML | ±Ô°Ý | IE |
---|
ÀÌ ¼Ó¼ºÀº CSS2 (Cascading Style Sheets Level 2)¿¡¼ Á¤ÀǵǾú´Ù.
<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>