Skip to content

JavaScript:Example:Dip2Pixel

안드로이드 DIP 단위와 PIXEL 단위를 변환해 주는 예제이다. 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ANDROID DIP to PIXEL Calculator.</title>

    <script type="text/javascript" />
        document.write("<p>ANDROID DIP to PIXEL Calculator.</p>");

        function refreshPx() {
            var dpi = dp2px.dpi.value;
            var dp = dp2px.dp.value;
            // dp2px.px.value = dp * dpi / 160;
            document.getElementById('px').value = dp * dpi / 160;
        }

        function refreshDp() {
            var dpi = dp2px.dpi.value;
            var px = dp2px.px.value;
            document.getElementById('dp').value = px * 160 / dpi;
        }
    </script>
</head>
<body>
    <form id="dp2px" method="get">
        DPI: <input type="text" id="dpi" size="5" maxlength="10" style="border: 1px solid #666633" /><br>
        DP: <input type="text" id="dp" onKeyup="javascript:refreshPx()" size="5" style="border: 1px solid #666633" /><br>
        PX: <input type="text" id="px" onKeyup="javascript:refreshDp()" size="5" style="border: 1px solid #666633" /><br>
    </form>
    <form>
       <textarea rows="10" cols="20" wrap="logical"></textarea>
    </form>
</body>
</html>

See also