- 제출된 URL:
- https://draw.ddns.net/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 13개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| updateTransform | function |
| connect | function |
| _0x3a92 | function |
| displayInfo | function |
| _0x841a | function |
| convertToPx | function |
| sendPx | function |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PxlDraw</title>
<meta name="description" content="Draw something on a public canvas for anyone to see!">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"></head>
<body>
<label id="info-label" style="opacity: 0.8;">Loading Canvas... (3%)</label>
<div id="controls">
<img id="draw-enabled" src="images/pan.png">
<div id="current-color"></div>
</div>
<div id="colors">
<button class="color-button" data-color="black" style="background-color: black;"></button>
<button class="color-button" data-color="gray" style="background-color: gray;"></button>
<button class="color-button" data-color="white" style="background-color: white;"></button>
<button class="color-button" data-color="yellow" style="background-color: yellow;"></button>
<button class="color-button" data-color="red" style="background-color: red;"></button>
<button class="color-button" data-color="orange" style="background-color: orange;"></button>
<button class="color-button" data-color="green" style="background-color: green;"></button>
<button class="color-button" data-color="#74fe3c" style="background-color: rgb(116, 254, 60);"></button>
<button class="color-button" data-color="blue" style="background-color: blue;"></button>
<button class="color-button" data-color="#009cff" style="background-color: rgb(0, 156, 255);"></button>
<button class="color-button" data-color="purple" style="background-color: purple;"></button>
<button class="color-button" data-color="brown" style="background-color: brown;"></button>
</div>
<div id="canvas_div">
<canvas id="canvas" width="2800" height="2800" style="transform: translate(-700px, -700px) scale(0.5);"></canvas>
</div>
<script src="client.js"></script>
</body></html>