{"id":45765,"date":"2026-06-16T07:49:31","date_gmt":"2026-06-16T07:49:31","guid":{"rendered":"https:\/\/rjydisplay.com\/?page_id=45765"},"modified":"2026-06-16T07:52:32","modified_gmt":"2026-06-16T07:52:32","slug":"display-parameter-calculator","status":"publish","type":"page","link":"https:\/\/rjydisplay.com\/ja\/display-parameter-calculator\/","title":{"rendered":"\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u8a08\u7b97\u6a5f"},"content":{"rendered":"<div class=\"rjy-display-calculator\" id=\"rjyDisplayCalculator\">\r\n        <div class=\"rjy-calc-header\">\r\n            <p class=\"rjy-calc-kicker\">\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30c4\u30fc\u30eb<\/p>\r\n            <h2>TFT LCD\u753b\u9762\u30d1\u30e9\u30e1\u30fc\u30bf\u8a08\u7b97\u6a5f<\/h2>\r\n            <p>\r\n                \u7d44\u307f\u8fbc\u307f\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5411\u3051\u306b\u3001\u753b\u9762\u30b5\u30a4\u30ba\u3001PPI\u3001\u30d4\u30af\u30bb\u30eb\u30d4\u30c3\u30c1\u3001\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3001\u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30ea\u30a2\u3001\u304a\u3088\u3073\u5186\u5f62LCD\u8868\u793a\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rjy-calc-grid\">\r\n            <div class=\"rjy-calc-panel\">\r\n                <h3>\u8868\u793a\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u5165\u529b<\/h3>\r\n\r\n                <div class=\"rjy-field-group\">\r\n                    <label for=\"rjyDiagonal\">\u753b\u9762\u30b5\u30a4\u30ba \/ \u5bfe\u89d2\u7dda<\/label>\r\n                    <div class=\"rjy-input-row\">\r\n                        <input type=\"number\" id=\"rjyDiagonal\" value=\"7\" min=\"0.1\" step=\"0.01\">\r\n                        <select id=\"rjyDiagonalUnit\">\r\n                            <option value=\"inch\" selected>\u30a4\u30f3\u30c1<\/option>\r\n                            <option value=\"mm\">mm<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"rjy-field-group\">\r\n                    <label for=\"rjyWidthPixels\">\u89e3\u50cf\u5ea6\uff08\u5e45\uff09<\/label>\r\n                    <input type=\"number\" id=\"rjyWidthPixels\" value=\"1024\" min=\"1\" step=\"1\">\r\n                <\/div>\r\n\r\n                <div class=\"rjy-field-group\">\r\n                    <label for=\"rjyHeightPixels\">\u89e3\u50cf\u5ea6\uff08\u9ad8\u3055\uff09<\/label>\r\n                    <input type=\"number\" id=\"rjyHeightPixels\" value=\"600\" min=\"1\" step=\"1\">\r\n                <\/div>\r\n\r\n                <div class=\"rjy-field-group\">\r\n                    <label for=\"rjyDisplayShape\">\u8868\u793a\u5f62\u72b6<\/label>\r\n                    <select id=\"rjyDisplayShape\">\r\n                        <option value=\"rectangular\" selected>\u77e9\u5f62LCD \/ TFT\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4<\/option>\r\n                        <option value=\"round\">\u5186\u5f62LCD \/ \u5186\u5f62TFT\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <button type=\"button\" class=\"rjy-calc-button\" id=\"rjyCalculateBtn\">\r\n                    \u8868\u793a\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u8a08\u7b97\r\n                <\/button>\r\n\r\n                <button type=\"button\" class=\"rjy-reset-button\" id=\"rjyResetBtn\">\r\n                    \u30ea\u30bb\u30c3\u30c8\u4f8b\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"rjy-calc-panel rjy-result-panel\">\r\n                <h3>\u8a08\u7b97\u7d50\u679c<\/h3>\r\n\r\n                <div class=\"rjy-result-list\">\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>\u30a2\u30b9\u30da\u30af\u30c8\u6bd4<\/span>\r\n                        <strong id=\"rjyAspectRatio\">-<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>\u5bfe\u89d2\u30b5\u30a4\u30ba<\/span>\r\n                        <strong id=\"rjyDiagonalResult\">-<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>\u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30ea\u30a2\u5e45<\/span>\r\n                        <strong id=\"rjyActiveWidth\">-<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>\u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30ea\u30a2\u9ad8\u3055<\/span>\r\n                        <strong id=\"rjyActiveHeight\">-<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>PPI \/ \u30d4\u30af\u30bb\u30eb\u5bc6\u5ea6<\/span>\r\n                        <strong id=\"rjyPpi\">-<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>\u30d4\u30af\u30bb\u30eb\u30d4\u30c3\u30c1<\/span>\r\n                        <strong id=\"rjyPixelPitch\">-<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"rjy-result-item\">\r\n                        <span>\u8868\u793a\u30bf\u30a4\u30d7\u30d2\u30f3\u30c8<\/span>\r\n                        <strong id=\"rjyDisplayHint\">-<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"rjy-note-box\" id=\"rjyNoteBox\">\r\n                    \u753b\u9762\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u5165\u529b\u3057\u3066\u8868\u793a\u7d50\u679c\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rjy-calc-info\">\r\n            <h3>\u3053\u308c\u3089\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u9078\u5b9a\u306b\u5f79\u7acb\u3064\u7406\u7531<\/h3>\r\n\r\n            <div class=\"rjy-info-grid\">\r\n                <div>\r\n                    <h4>PPI<\/h4>\r\n                    <p>\r\n                        PPI\u306f\u753b\u50cf\u306e\u9bae\u660e\u3055\u3092\u63a8\u5b9a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u9ad8\u3044PPI\u306f\u3001\u8fd1\u8ddd\u96e2\u3067\u306e\u8996\u8a8d\u3001\u30b3\u30f3\u30d1\u30af\u30c8\u306aHMI\u30d1\u30cd\u30eb\u3001\u30cf\u30f3\u30c9\u30d8\u30eb\u30c9\u30c7\u30d0\u30a4\u30b9\u3001\u304a\u3088\u3073\u5186\u5f62\u30b9\u30de\u30fc\u30c8\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306b\u6709\u7528\u3067\u3059\u3002.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h4>\u30d4\u30af\u30bb\u30eb\u30d4\u30c3\u30c1<\/h4>\r\n                    <p>\r\n                        \u30d4\u30af\u30bb\u30eb\u30d4\u30c3\u30c1\u306f\u3001\u30d4\u30af\u30bb\u30eb\u9593\u306e\u7269\u7406\u7684\u306a\u8ddd\u96e2\u3092\u793a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u8aad\u307f\u3084\u3059\u3055\u3001UI\u306e\u8a73\u7d30\u3001\u304a\u3088\u3073\u8996\u8a8d\u8ddd\u96e2\u3092\u8a55\u4fa1\u3059\u308b\u969b\u306b\u6709\u7528\u3067\u3059\u3002.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h4>\u6d3b\u52d5\u30a8\u30ea\u30a2<\/h4>\r\n                    <p>\r\n                        \u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30ea\u30a2\u306f\u3001\u6a5f\u68b0\u8a2d\u8a08\u8005\u304c\u7b50\u4f53\u8a2d\u8a08\u3001\u30ec\u30f3\u30ba\u8a2d\u8a08\u3001UI\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u305f\u3081\u306b\u3001\u8868\u793a\u53ef\u80fd\u306a\u5e45\u3068\u9ad8\u3055\u3092\u63a8\u5b9a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h4>\u30a2\u30b9\u30da\u30af\u30c8\u6bd4<\/h4>\r\n                    <p>\r\n                        \u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u306f\u3001\u6a19\u6e96\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u3001\u30ef\u30a4\u30c9\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u3001\u30d0\u30fc\u578bLCD\u30e2\u30b8\u30e5\u30fc\u30eb\u3001\u304a\u3088\u3073\u30b9\u30da\u30fc\u30b9\u5236\u7d04\u306e\u3042\u308b\u88fd\u54c1\u5411\u3051\u306e\u30b9\u30c8\u30ec\u30c3\u30c1\u8868\u793a\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u8b58\u5225\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rjy-calc-cta\">\r\n            <div>\r\n                <h3>TFT LCD\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u9078\u5b9a\u306b\u3064\u3044\u3066\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/h3>\r\n                <p>\r\n                    \u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u30b5\u30a4\u30ba\u3001\u89e3\u50cf\u5ea6\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u30bf\u30c3\u30c1\u30bf\u30a4\u30d7\u3001\u8f1d\u5ea6\u3001\u52d5\u4f5c\u74b0\u5883\u3001\u5bfe\u8c61\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3001\u8a66\u4f5c\u54c1\u6570\u91cf\u3001\u304a\u3088\u3073\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u304a\u77e5\u3089\u305b\u304f\u3060\u3055\u3044\u3002.\r\n                <\/p>\r\n            <\/div>\r\n            <a href=\"\/contact\/\" class=\"rjy-calc-cta-button\">RJY\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u76f8\u8ac7\u3059\u308b<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .rjy-display-calculator,\r\n        .rjy-display-calculator * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .rjy-display-calculator {\r\n            width: 100%;\r\n            max-width: 1180px;\r\n            margin: 40px auto;\r\n            padding: 0;\r\n            font-family: inherit;\r\n            color: #1f2937;\r\n        }\r\n\r\n        .rjy-calc-header {\r\n            background: linear-gradient(135deg, #2c58ab 0%, #113163 100%);\r\n            color: #ffffff;\r\n            padding: 34px 36px;\r\n            border-radius: 18px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .rjy-calc-header .rjy-calc-kicker {\r\n            margin: 0 0 8px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n            opacity: 0.86;\r\n        }\r\n\r\n        .rjy-calc-header h2 {\r\n            margin: 0 0 12px;\r\n            color: #ffffff;\r\n            font-size: 32px;\r\n            line-height: 1.2;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .rjy-calc-header p {\r\n            margin: 0;\r\n            max-width: 820px;\r\n            font-size: 16px;\r\n            line-height: 1.7;\r\n            color: rgba(255, 255, 255, 0.88);\r\n        }\r\n\r\n        .rjy-calc-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 24px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .rjy-calc-panel {\r\n            background: #ffffff;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 18px;\r\n            padding: 28px;\r\n            box-shadow: 0 14px 35px rgba(17, 49, 99, 0.08);\r\n        }\r\n\r\n        .rjy-calc-panel h3 {\r\n            margin: 0 0 22px;\r\n            font-size: 22px;\r\n            line-height: 1.3;\r\n            color: #113163;\r\n        }\r\n\r\n        .rjy-field-group {\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .rjy-field-group label {\r\n            display: block;\r\n            margin-bottom: 7px;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: #374151;\r\n        }\r\n\r\n        .rjy-field-group input,\r\n        .rjy-field-group select {\r\n            width: 100%;\r\n            height: 46px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 10px;\r\n            padding: 0 12px;\r\n            font-size: 15px;\r\n            color: #111827;\r\n            background: #ffffff;\r\n            outline: none;\r\n            transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .rjy-field-group input:focus,\r\n        .rjy-field-group select:focus {\r\n            border-color: #2c58ab;\r\n            box-shadow: 0 0 0 3px rgba(44, 88, 171, 0.14);\r\n        }\r\n\r\n        .rjy-input-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 110px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .rjy-calc-button,\r\n        .rjy-reset-button {\r\n            width: 100%;\r\n            height: 48px;\r\n            border: 0;\r\n            border-radius: 12px;\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: transform 0.18s ease, background 0.18s ease;\r\n        }\r\n\r\n        .rjy-calc-button {\r\n            margin-top: 8px;\r\n            background: #2c58ab;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .rjy-calc-button:hover {\r\n            background: #113163;\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .rjy-reset-button {\r\n            margin-top: 12px;\r\n            background: #eef2ff;\r\n            color: #113163;\r\n        }\r\n\r\n        .rjy-reset-button:hover {\r\n            background: #dbe4ff;\r\n        }\r\n\r\n        .rjy-result-panel {\r\n            background: #f8fafc;\r\n        }\r\n\r\n        .rjy-result-list {\r\n            display: grid;\r\n            gap: 12px;\r\n        }\r\n\r\n        .rjy-result-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            align-items: center;\r\n            padding: 14px 16px;\r\n            background: #ffffff;\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 12px;\r\n        }\r\n\r\n        .rjy-result-item span {\r\n            color: #4b5563;\r\n            font-size: 14px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .rjy-result-item strong {\r\n            color: #113163;\r\n            font-size: 15px;\r\n            line-height: 1.4;\r\n            text-align: right;\r\n        }\r\n\r\n        .rjy-note-box {\r\n            margin-top: 18px;\r\n            padding: 16px;\r\n            border-left: 4px solid #2c58ab;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            font-size: 14px;\r\n            line-height: 1.7;\r\n            color: #374151;\r\n        }\r\n\r\n        .rjy-calc-info {\r\n            margin-top: 24px;\r\n            padding: 30px;\r\n            border-radius: 18px;\r\n            background: #ffffff;\r\n            border: 1px solid #e5e7eb;\r\n        }\r\n\r\n        .rjy-calc-info h3 {\r\n            margin: 0 0 20px;\r\n            color: #113163;\r\n            font-size: 24px;\r\n        }\r\n\r\n        .rjy-info-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 18px;\r\n        }\r\n\r\n        .rjy-info-grid div {\r\n            padding: 18px;\r\n            border-radius: 14px;\r\n            background: #f8fafc;\r\n            border: 1px solid #e5e7eb;\r\n        }\r\n\r\n        .rjy-info-grid h4 {\r\n            margin: 0 0 8px;\r\n            color: #2c58ab;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .rjy-info-grid p {\r\n            margin: 0;\r\n            color: #4b5563;\r\n            font-size: 14px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .rjy-calc-cta {\r\n            margin-top: 24px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 24px;\r\n            align-items: center;\r\n            padding: 28px 30px;\r\n            border-radius: 18px;\r\n            background: #113163;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .rjy-calc-cta h3 {\r\n            margin: 0 0 8px;\r\n            color: #ffffff;\r\n            font-size: 22px;\r\n        }\r\n\r\n        .rjy-calc-cta p {\r\n            margin: 0;\r\n            color: rgba(255, 255, 255, 0.84);\r\n            line-height: 1.7;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .rjy-calc-cta-button {\r\n            flex: 0 0 auto;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-height: 46px;\r\n            padding: 0 20px;\r\n            border-radius: 999px;\r\n            background: #ffffff;\r\n            color: #113163;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            transition: transform 0.18s ease, opacity 0.18s ease;\r\n        }\r\n\r\n        .rjy-calc-cta-button:hover {\r\n            color: #113163;\r\n            opacity: 0.92;\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .rjy-calc-grid,\r\n            .rjy-info-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .rjy-calc-cta {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .rjy-display-calculator {\r\n                margin: 24px auto;\r\n            }\r\n\r\n            .rjy-calc-header,\r\n            .rjy-calc-panel,\r\n            .rjy-calc-info,\r\n            .rjy-calc-cta {\r\n                border-radius: 14px;\r\n                padding: 22px;\r\n            }\r\n\r\n            .rjy-calc-header h2 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .rjy-result-item {\r\n                align-items: flex-start;\r\n                flex-direction: column;\r\n                gap: 4px;\r\n            }\r\n\r\n            .rjy-result-item strong {\r\n                text-align: left;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            var calculator = document.getElementById('rjyDisplayCalculator');\r\n            if (!calculator) return;\r\n\r\n            var diagonalInput = document.getElementById('rjyDiagonal');\r\n            var diagonalUnit = document.getElementById('rjyDiagonalUnit');\r\n            var widthPixelsInput = document.getElementById('rjyWidthPixels');\r\n            var heightPixelsInput = document.getElementById('rjyHeightPixels');\r\n            var displayShapeInput = document.getElementById('rjyDisplayShape');\r\n\r\n            var aspectRatioOutput = document.getElementById('rjyAspectRatio');\r\n            var diagonalOutput = document.getElementById('rjyDiagonalResult');\r\n            var activeWidthOutput = document.getElementById('rjyActiveWidth');\r\n            var activeHeightOutput = document.getElementById('rjyActiveHeight');\r\n            var ppiOutput = document.getElementById('rjyPpi');\r\n            var pixelPitchOutput = document.getElementById('rjyPixelPitch');\r\n            var displayHintOutput = document.getElementById('rjyDisplayHint');\r\n            var noteBox = document.getElementById('rjyNoteBox');\r\n\r\n            var calculateBtn = document.getElementById('rjyCalculateBtn');\r\n            var resetBtn = document.getElementById('rjyResetBtn');\r\n\r\n            function gcd(a, b) {\r\n                a = Math.abs(a);\r\n                b = Math.abs(b);\r\n                while (b) {\r\n                    var temp = b;\r\n                    b = a % b;\r\n                    a = temp;\r\n                }\r\n                return a || 1;\r\n            }\r\n\r\n            function round(value, decimals) {\r\n                var factor = Math.pow(10, decimals);\r\n                return Math.round(value * factor) \/ factor;\r\n            }\r\n\r\n            function getDisplayHint(aspectW, aspectH, shape, widthPx, heightPx) {\r\n                var ratio = aspectW \/ aspectH;\r\n\r\n                if (shape === 'round') {\r\n                    if (widthPx === heightPx) {\r\n                        return 'Round LCD \/ circular TFT display';\r\n                    }\r\n                    return 'Round display input detected, but resolution is not square';\r\n                }\r\n\r\n                if (ratio >= 2.5) {\r\n                    return 'Bar LCD \/ stretched display format';\r\n                }\r\n\r\n                if (ratio > 1) {\r\n                    return 'Landscape TFT LCD display';\r\n                }\r\n\r\n                if (ratio < 1) {\r\n                    return 'Portrait TFT LCD display';\r\n                }\r\n\r\n                return 'Square display format';\r\n            }\r\n\r\n            function calculateDisplay() {\r\n                var diagonal = parseFloat(diagonalInput.value);\r\n                var widthPx = parseInt(widthPixelsInput.value, 10);\r\n                var heightPx = parseInt(heightPixelsInput.value, 10);\r\n                var unit = diagonalUnit.value;\r\n                var shape = displayShapeInput.value;\r\n\r\n                if (!diagonal || diagonal <= 0 || !widthPx || widthPx <= 0 || !heightPx || heightPx <= 0) {\r\n                    noteBox.innerHTML = 'Please enter valid screen size and resolution values.';\r\n                    return;\r\n                }\r\n\r\n                var diagonalInch = unit === 'mm' ? diagonal \/ 25.4 : diagonal;\r\n                var diagonalMm = diagonalInch * 25.4;\r\n\r\n                var divisor = gcd(widthPx, heightPx);\r\n                var aspectW = widthPx \/ divisor;\r\n                var aspectH = heightPx \/ divisor;\r\n\r\n                var pixelDiagonal = Math.sqrt((widthPx * widthPx) + (heightPx * heightPx));\r\n                var ppi = pixelDiagonal \/ diagonalInch;\r\n                var pixelPitch = 25.4 \/ ppi;\r\n\r\n                var activeWidthMm;\r\n                var activeHeightMm;\r\n\r\n                if (shape === 'round' && widthPx === heightPx) {\r\n                    activeWidthMm = diagonalMm;\r\n                    activeHeightMm = diagonalMm;\r\n                } else {\r\n                    activeWidthMm = diagonalMm * (aspectW \/ Math.sqrt((aspectW * aspectW) + (aspectH * aspectH)));\r\n                    activeHeightMm = diagonalMm * (aspectH \/ Math.sqrt((aspectW * aspectW) + (aspectH * aspectH)));\r\n                }\r\n\r\n                var displayHint = getDisplayHint(aspectW, aspectH, shape, widthPx, heightPx);\r\n\r\n                aspectRatioOutput.textContent = aspectW + ':' + aspectH;\r\n                diagonalOutput.textContent = round(diagonalInch, 2) + ' inch \/ ' + round(diagonalMm, 2) + ' mm';\r\n                activeWidthOutput.textContent = round(activeWidthMm, 2) + ' mm';\r\n                activeHeightOutput.textContent = round(activeHeightMm, 2) + ' mm';\r\n                ppiOutput.textContent = round(ppi, 2) + ' PPI';\r\n                pixelPitchOutput.textContent = round(pixelPitch, 4) + ' mm';\r\n                displayHintOutput.textContent = displayHint;\r\n\r\n                var note = '';\r\n\r\n                if (shape === 'round') {\r\n                    note = 'For round LCD displays, UI layout should consider the circular boundary and safe viewing area. Square resolution is common, but the actual visible area depends on the mechanical and cover lens design.';\r\n                } else if ((aspectW \/ aspectH) >= 2.5) {\r\n                    note = 'This result indicates a stretched or bar-type LCD format. Bar LCD modules are often used in industrial control panels, transportation displays, smart retail systems, and narrow-space interfaces.';\r\n                } else {\r\n                    note = 'These calculated values can help estimate display sharpness, mechanical active area, UI layout, and enclosure planning before selecting a TFT LCD module.';\r\n                }\r\n\r\n                noteBox.innerHTML = note;\r\n            }\r\n\r\n            function resetExample() {\r\n                diagonalInput.value = '7';\r\n                diagonalUnit.value = 'inch';\r\n                widthPixelsInput.value = '1024';\r\n                heightPixelsInput.value = '600';\r\n                displayShapeInput.value = 'rectangular';\r\n                calculateDisplay();\r\n            }\r\n\r\n            calculateBtn.addEventListener('click', calculateDisplay);\r\n            resetBtn.addEventListener('click', resetExample);\r\n\r\n            diagonalInput.addEventListener('input', calculateDisplay);\r\n            diagonalUnit.addEventListener('change', calculateDisplay);\r\n            widthPixelsInput.addEventListener('input', calculateDisplay);\r\n            heightPixelsInput.addEventListener('input', calculateDisplay);\r\n            displayShapeInput.addEventListener('change', calculateDisplay);\r\n\r\n            calculateDisplay();\r\n        });\r\n    <\/script>\r\n\r\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":45684,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45765","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/pages\/45765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/comments?post=45765"}],"version-history":[{"count":1,"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/pages\/45765\/revisions"}],"predecessor-version":[{"id":45766,"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/pages\/45765\/revisions\/45766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/media\/45684"}],"wp:attachment":[{"href":"https:\/\/rjydisplay.com\/ja\/wp-json\/wp\/v2\/media?parent=45765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}