홈페이지에 접속자 본인의 ip주소가 패턴배경처럼 나오게 하는 소스 채택완료
<style>
#fixed_ip{
position: fixed;
-webkit-transform: translateZ(0);
margin-left: -15px;
top: 0;
width: 960px;
color: #F7EBFC;
font-size: 30px;
font-weight: bold;
z-index: -1;
}
</style>
<div id="fixed_ip">
{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']}<br/>
{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} .
.
.
(계속반복)
.
.
.{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']}<br/>
{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']}<br/>
</div>
이거나 혹은
<style>
#fixed_ip{
position: fixed;
-webkit-transform: translateZ(0);
margin-left: -15px;
top: 0;
width: 960px;
color: #F7EBFC;
font-size: 30px;
font-weight: bold;
z-index: -1;
}
</style>
<div id="fixed_ip">
<?=$ip?><br/>
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
.
.
(반복)
.
.
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
</div>
구글에 검색해보니 이렇게 하라고 하는 글이 나오던데
ㅈㅓ렇게 하면
패턴처럼 배경에 나오는 거는 되는데
아이피 출력이 안되고 그냥 소스가 그대로 문자처럼 노출됩니다..
아이피가 나오게 하려면 어떻게 해야할까요?
답변 2개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</p><p><!DOCTYPE html></p><p><html></p><p> <head></p><p> <meta charset="UTF-8" /></p><p> <title>title</title></p><p> <style type="text/css"></p><p> </style></p><p> <script type="text/javascript"></p><p> function backgroundText(text, width, height) {</p><p> if (text !== undefined) {</p><p> var canvas = document.createElement("canvas");</p><p> </p><p> if (width !== undefined) { canvas.width = width; }</p><p> if (height !== undefined) { canvas.height = height; }</p><p> </p><p> document.documentElement.appendChild(canvas);</p><p>
</p><p> var ctx = canvas.getContext("2d");</p><p> ctx.translate(canvas.width / 2, canvas.height / 2);</p><p> ctx.rotate(-20 * Math.PI / 180);</p><p> </p><p> ctx.font = "1.0em Courier New";</p><p> ctx.textAlign = "center";</p><p> ctx.fillText(text, 0, 0);</p><p>
</p><p> var img = canvas.toDataURL("image/png");</p><p> document.body.style.backgroundImage = "url(" + img + ")";</p><p> </p><p> document.documentElement.removeChild(canvas);</p><p> }</p><p> }</p><p> </p><p> document.addEventListener("DOMContentLoaded", function () {</p><p> backgroundText("127.0.0.1", 200, 200);</p><p> }, false);</p><p> </script></p><p> </p><p> </head></p><p> <body></p><p>
</p><p>
</p><p>
</p><p> </body></p><p></html></p><p><span style="font-size: 11pt;">댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 저대로 넣으니
길이가 짧은 게시물에서는 컨테이너 밖을 튀어나가고
길이가 긴 게시물에서는 일정길이까지만 나오고 짤려서 나오는데 ㅠㅠ
저 글자 (아이피) 패턴을 컨테이너안에 꽉 채우는 그런 소스는 어떻게 적용해야 할까요 ㅠㅠ