body { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; } #container { vertical-align: top; } .container2 { font-family: verdana, arial, helvetica, sans-serif; margin: 0px 20px; line-height: 1.6; font-size: 16px; } .class_calculator_0, .class_calculator_1, .class_calculator_2 { height: auto; background-color: #828183; text-align: center; border-radius: 14px; margin-bottom: 10px; margin-top: 10px; color: white; padding-bottom: 12px; padding-top: 5px; } div.calculator_0_left_right_div, div.calculator_1_left_right_div, div.calculator_2_left_right_div { display: flex; flex-direction: row; flex-wrap: wrap; } .inputs, .outputs { background-color: #4c4949; color: white; font-size: 29px; border: solid 2px #cdc6bd; border-radius: 3px; max-width: 50%; width: 200px; text-align: center; padding: 10px; } .inputs:hover { background-color: #3b3838; } p.tilelink { margin-bottom: 8px; font-size: 25px; } .class_slider_0, .class_slider_1, .class_slider_2 { margin: 10px; max-width: 90%; min-height: auto; background-color: #4c4949; text-align: center; font-size: 16px; padding: 17px; line-height: 140%; margin: 0 auto; margin-bottom: 15px; border-radius: 3px; border: solid 3px #cdc6bd; margin-top: 11px; } .class_slider_0:hover, .class_slider_1:hover, .class_slider_2:hover { background-color: #3b3838; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; margin-left: 4%; margin-right: 4%; } .button { background-color: #e9e7e7; color: #464646; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 19px; transition: 0.4s; border-radius: 12px; border: 1.5px solid #c9c9c9; margin-bottom: 5px; margin-top: 5px; display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .active, .button:hover { background-color: #b1b1b1; color: white; } .panel { background-color: none; overflow: hidden; transition: max-height 0.8s ease-out; color: black; display: none; justify-content: center; align-items: center; } .header { background: linear-gradient(to bottom right, #608ea6, #537d90); box-shadow: inset 0 -10px 6px -1px rgba(0, 0, 0, 0.4), inset 10px 0 4px -1px rgba(255, 255, 255, 0.15), inset 0 10px 6px -1px rgba(255, 255, 255, 0.4), inset -10px 0 4px -1px rgba(0, 0, 0, 0.2); text-align: center; padding: 20px; color: white; border-radius: 12px; font-size: 1.8em; } h1 { margin: 3px; font-weight: bolder; display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #main, #tab { overflow: hidden; background-color: #f9f9f9; border-radius: 12px 12px 0 0; width: 100%; } #calculators { min-height: auto; display: block; padding: 6px 12px; border: 1px solid #ccc; border-radius: 0 0 12px 12px; } #select_calculator { background-color: #b9b4b4; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 25px; font-weight: 600; width: 100%; text-align: center; color: #464646; } #angle_icon, #length_icon, #focal_icon { font-size: 35px; display: inline-block; vertical-align: sub; line-height: 0%; height: 35px; } #calculator_0_left_div, #calculator_1_left_div, #calculator_2_left_div { background-color: #20212e; flex: 1; margin-top: 10px; border: 2px solid !important; border-color: transparent #3a3838 transparent transparent !important; } #calculator_0_right_div, #calculator_1_right_div, #calculator_2_right_div { background-color: #20212e; flex: 1; margin-top: 10px; } input[type=submit].calculator_buttons, input[type=button].calculator_buttons { border: 2px solid #f9f9f9 !important; background: #3a3838 !important; border-radius: 3px; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-weight: bold; margin: 4px 2px; cursor: pointer; color: white; min-width: 30%; } input[type=submit].calculator_buttons:hover, input[type=button].calculator_buttons:hover { background: #282727 !important; } input[type=submit].calculator_buttons:active, input[type=button].calculator_buttons:active { background-color: #201c1c !important; box-shadow: 0 1px #666; transform: translateY(1px); } input[type=”number”]::-webkit-inner-spin-button, input[type=”number”]::-webkit-outer-spin-button { -webkit-appearance: outer-spin-button !important; opacity: 1 !important; width: 20px; position: absolute; top: 0; right: 0; height: 100%; border: 2.5px solid !important; } input[type=number] { -moz-appearance: textfield; } .outputs { cursor: no-drop; } /* #calculator_1_right_div, #calculator_2_right_div { padding-top: 143px; } */ #ogn_obiektywu0, #calc0_odl_kam_od_obiektu, #szer_obiektu1, #wys_obiektu1, #calc1_odl_kam_od_obiektu, #szer_obiektu2, #wys_obiektu2, #calc2_ogniskowa { min-width: 35%; text-align: center; margin-bottom: 15px; padding-right: 30px; text-align: end; } #katH, #katV { min-width: 35%; text-align: center; } #kadrH, #kadrV, #calc1_ogniskowa, #calc2_odl_kam_od_obiektu { min-width: 35%; text-align: center; margin: 3px; } /* ____________________________________________________________________ */ #article_title { text-align: center; color: rgb(41 41 41 / 92%); font-size: 32px; font-family: „sohne”, „Helvetica Neue”, „Helvetica”, „Arial”, „sans-serif”; margin: 30px; } .h-articles { text-align: justify; color: #222222; margin: 0 auto; display: block; max-width: 841px; font-family: „Open Sans”, Arial, sans-serif; font-size: 19px; font-weight: 400; letter-spacing: -0.016em; } #img1A, #img2A, #img3, #img4 { -webkit-filter: saturate(300%) !important; -moz-filter: saturate(300%) !important; -o-filter: saturate(300%) !important; -ms-filter: saturate(300%) !important; filter: saturate(200%) !important; } #article { min-height: auto; display: block; padding: 6px 12px; border: 1px solid #ccc; border-radius: 12px; background-color: #eaeaea; width: 100%; margin: 25px auto; display: block; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); box-sizing: border-box; } .figure { display: flex; align-items: center; align-content: center; justify-content: center; margin-top: 26px; margin-bottom: 20px; } .botton_regend { text-align: -webkit-center; margin-top: -8px; margin-bottom: 26px; font-size: 14px; } #div_rys1, #div_rys2, #div_rys3, #div_rys4, #h5_ponizej, #h5_pierwszy_obraz, #h5_jak_widac { margin-top: 20px; margin-bottom: 37px; } figcaption { font-size: 14px; } @media screen and (max-width: 950px) { div.calculator_0_left_right_div, div.calculator_1_left_right_div, div.calculator_2_left_right_div { flex-direction: column; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; margin: 0 !important; border: none !important; padding-top: 0px !important; background-color: red; width: 0px !important; } #calculator_1_right_div, #calculator_2_right_div { padding-top: 0px; } .legend { font-size: 12px; } input.calculator_buttons { max-width: -webkit-fill-available; } /* .p_button { font-size: medium; display: contents; } */ /* #angle_icon, #length_icon, #focal_icon { max-width: 20%; } */ /* h1.header { font-size: 99%; } */ /* h1.header, p#select_calculator { font-size: inherit; text-align: center; } */ h2#article_title { font-size: larger; text-align: center; } h5.h-articles, p.tilelink { font-size: medium; } /* p#wybrany_przetwornik_0, p#wybrany_przetwornik_1, p#wybrany_przetwornik_2 { font-size: 80%; text-align: center; } */ #ogn_obiektywu0, #calc0_odl_kam_od_obiektu, #szer_obiektu1, #wys_obiektu1, #calc1_odl_kam_od_obiektu, #szer_obiektu2, #wys_obiektu2, #calc2_ogniskowa { min-width: 35%; text-align: center; margin-bottom: 15px; padding-right: 0px; text-align: center; } } span.ui-slider-handle.ui-corner-all.ui-state-default { border: 2px solid #df7f0c; border-radius: 2px; background: #666666f2; font-weight: normal; } /* zmiana paddingu i wyśrodkowania inputa (ze strzalkami) dla różnych przeglądarek */ /** Chrominum */ /* @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { } */ /* * Internet Explorer */ /* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { div { display: block; } } */ /** Microsoft Edge */ /* @supports (-ms-ime-align: auto) { #ogn_obiektywu0, #calc0_odl_kam_od_obiektu, #szer_obiektu1, #wys_obiektu1, #calc1_odl_kam_od_obiektu, #szer_obiektu2, #wys_obiektu2, #calc2_ogniskowa { padding-right: 30px; text-align: end; background-color: red; } } */ /** Mozilla Firefox */ @-moz-document url-prefix() { #ogn_obiektywu0, #calc0_odl_kam_od_obiektu, #szer_obiektu1, #wys_obiektu1, #calc1_odl_kam_od_obiektu, #szer_obiektu2, #wys_obiektu2, #calc2_ogniskowa { text-align: center; padding-right: 0; } } /** Safari */ /* @media not all and (min-resolution: 0.001dpcm) { div display: block; } */

var acc = document.getElementsByClassName(„button”); var accLength = acc.length; var myNextSiblings = []; for (var j = 0; j < accLength; j++) { myNextSiblings = myNextSiblings.concat(acc[j].nextElementSibling); } for (var i = 0; i < accLength; i++) { acc[i].addEventListener("click", function() { var isActive = false; var panel = this.nextElementSibling; if (panel.style.display === "block") { isActive = true; } for (var k = 0; k < accLength; k++) { myNextSiblings[k].style.display = "none"; } if (isActive) { panel.style.display = "none"; for (var l = 0; l < accLength; l++) { function myFunction(x) { if (x.matches) { acc[l].style.backgroundColor = "#E9E7E7"; acc[l].style.color = "#464646"; } } var x = window.matchMedia("(max-width: 950px)"); acc[l].addEventListener("mouseover", function() { this.style.backgroundColor = "#b1b1b1"; this.style.color = "rgb(249 246 246 / 98%)"; }); acc[l].addEventListener("mouseout", function() { this.style.backgroundColor = "#E9E7E7"; this.style.color = "#464646"; }); myFunction(x); x.addListener(myFunction); } } else { panel.style.display = "block"; for (var m = 0; m < accLength; m++) { acc[m].style.backgroundColor = "#E9E7E7"; acc[m].style.color = "#464646"; } this.style.backgroundColor = "#b1b1b1"; this.style.color = "rgb(249 246 246 / 98%)"; } }); } var mm = [4, 6.3, 6, 6.20, 6.16, 6.7, 7.2, 7.38, 7.8, 8.1, 8.42, 8.89, 9.5, 13.33]; var description = { „4”: `Wybrany przetwornik: 1/4”`, „6.3”: `Wybrany przetwornik: 1/3.2″`, „6”: `Wybrany przetwornik: 1/3″`, „6.2”: `Wybrany przetwornik: 1/2.9”`, „6.16”: `Wybrany przetwornik: 1/2.8”`, „6.7”: `Wybrany przetwornik: 1/2.7”`, „7.2”: `Wybrany przetwornik: 1/2.5”`, „7.38”: `Wybrany przetwornik: 1/2.4”`, „7.8”: `Wybrany przetwornik: 1/2.3”`, „8.1”: `Wybrany przetwornik: 1/2.1”`, „8.42”: `Wybrany przetwornik: 1/1.9”`, „8.89”: `Wybrany przetwornik: 1/1.8”`, „9.5”: `Wybrany przetwornik: 1/1.7”`, „13.33”: `Wybrany przetwornik: 1/1.2”` }; var wybranyPrzetwornik0; var wybranyPrzetwornik1; var wybranyPrzetwornik2; var rozmiarMarycyH; var rozmiarMatrycyV; function obliczRozmiaryMatrycy() { rozmiarMarycyH = (16 * parseFloat(wybranyPrzetwornik0)) / 18.357559751; rozmiarMatrycyV = (9 * parseFloat(wybranyPrzetwornik0)) / 18.357559751; } function setDesc0(wybranyPrzetwornik0) { pokazWybranyPrzetwornik0 = document.getElementById(„wybrany_przetwornik_0”); pokazWybranyPrzetwornik0.innerHTML = description[wybranyPrzetwornik0]; } function setDesc1(wybranyPrzetwornik1) { pokazWybranyPrzetwornik1 = document.getElementById(„wybrany_przetwornik_1”); pokazWybranyPrzetwornik1.innerHTML = description[wybranyPrzetwornik1]; } function setDesc2(wybranyPrzetwornik2) { pokazWybranyPrzetwornik2 = document.getElementById(„wybrany_przetwornik_2”); pokazWybranyPrzetwornik2.innerHTML = description[wybranyPrzetwornik2]; } $(function() { var chosenConverter0 = $(„#wybranyPrzetwornik0”); $(„#slider-range-max-0”).slider({ range: „max”, min: 0, max: 13, value: 0, slide: function(event, ui) { chosenConverter0.val(mm[ui.value]); wybranyPrzetwornik0 = chosenConverter0.val(); setDesc0(wybranyPrzetwornik0); var event = new Event(‘change’); document.getElementById(„wybranyPrzetwornik0”).dispatchEvent(event); } }); wybranyPrzetwornik0 = mm[$(„#slider-range-max-0”).slider(„value”)]; chosenConverter0.val(wybranyPrzetwornik0); setDesc0(wybranyPrzetwornik0); }); $(function() { var chosenConverter1 = $(„#wybranyPrzetwornik1”); $(„#slider-range-max-1”).slider({ range: „max”, min: 0, max: 13, value: 0, slide: function(event, ui) { chosenConverter1.val(mm[ui.value]); wybranyPrzetwornik1 = chosenConverter1.val(); setDesc1(wybranyPrzetwornik1); var event = new Event(‘change’); document.getElementById(„wybranyPrzetwornik1”).dispatchEvent(event); } }); wybranyPrzetwornik1 = mm[$(„#slider-range-max-1”).slider(„value”)]; chosenConverter1.val(wybranyPrzetwornik1); setDesc1(wybranyPrzetwornik1); }); $(function() { var chosenConverter2 = $(„#wybranyPrzetwornik2”); $(„#slider-range-max-2”).slider({ range: „max”, min: 0, max: 13, value: 0, slide: function(event, ui) { chosenConverter2.val(mm[ui.value]); wybranyPrzetwornik2 = chosenConverter2.val(); setDesc2(wybranyPrzetwornik2); var event = new Event(‘change’); document.getElementById(„wybranyPrzetwornik2”).dispatchEvent(event); } }); wybranyPrzetwornik2 = mm[$(„#slider-range-max-2”).slider(„value”)]; chosenConverter2.val(wybranyPrzetwornik2); setDesc2(wybranyPrzetwornik2); }); function obliczSzerokosc() { var szerokosc1 = +document.getElementById(„szer_obiektu1”).value; var pobranaWysokosc = +document.getElementById(„wys_obiektu1”).value; if (pobranaWysokosc) { szerokosc1 = (((pobranaWysokosc * 1600) / 9) / 100); /* szerokosc1 = Math.round(szerokosc1); */ /* Skrócenie wyniku do 2 miejsc po przecinku */ szerokosc1 = szerokosc1.toFixed(2); document.getElementById(„szer_obiektu1”).value = szerokosc1; } /* console.log(`–obliczSzerokosc() START–`); */ /* console.log(`szerokosc1 -> ${szerokosc1}`); */ /* console.log(`pobranaWysokosc -> ${pobranaWysokosc}`); */ /* console.log(`–obliczSzerokosc() STOP–`); */ /* console.log(„); */ } function obliczWysokosc() { var wysokosc1 = +document.getElementById(„wys_obiektu1”).value; var pobranaSzerokosc = +document.getElementById(„szer_obiektu1”).value; if (pobranaSzerokosc) { wysokosc1 = (((pobranaSzerokosc * 900) / 16) / 100); /* wysokosc1 = Math.round(wysokosc1); */ /* Skrócenie wyniku do 2 miejsc po przecinku */ wysokosc1 = wysokosc1.toFixed(2); document.getElementById(„wys_obiektu1”).value = wysokosc1; } /* console.log(`–obliczWysokosc() START–`); */ /* console.log(`wysokosc1 -> ${wysokosc1}`); */ /* console.log(`pobranaSzerokosc -> ${pobranaSzerokosc}`); */ /* console.log(`–obliczWysokosc() STOP–`); */ /* console.log(„); */ } function obliczOgniskowa() { var szerokosc1 = +document.getElementById(„szer_obiektu1”).value; var wysokosc1 = +document.getElementById(„wys_obiektu1”).value; var odleglosc1 = +document.getElementById(„calc1_odl_kam_od_obiektu”).value; if (!szerokosc1 || !wysokosc1 || !odleglosc1) { document.getElementById(„calc1_ogniskowa”).value = `–`; } else { var p_wy = Math.sqrt((wybranyPrzetwornik1 * wybranyPrzetwornik1) / ((16 * 16) / (9 * 9) + 1)); var p_sz = Math.sqrt((wybranyPrzetwornik1 * wybranyPrzetwornik1) / ((9 * 9) / (16 * 16) + 1)); var f1 = (p_wy) * odleglosc1 / wysokosc1; var f2 = (p_sz) * odleglosc1 / szerokosc1; /* document.getElementById(„calc1_ogniskowa”).value = Math.round(f2 * 10) / 10 + ” [mm]”; */ /* Skrócenie wyniku do 1 miejsca po przecinku */ var shortResult = ((f2 * 10) / 10).toFixed(1); document.getElementById(„calc1_ogniskowa”).value = shortResult + ” [mm]”; } /* console.log(`–obliczOgniskowa() START–`); */ /* console.log(`szerokosc1 -> ${szerokosc1}`); */ /* console.log(`wysokosc1 -> ${wysokosc1}`); */ /* console.log(`odleglosc1 -> ${odleglosc1}`); */ /* console.log(`–obliczOgniskowa() STOP–`); */ /* console.log(„); */ } var stopnieH = 0; var stopnieV = 0; function obliczKaty() { var odleglosc0 = document.getElementById(„calc0_odl_kam_od_obiektu”).value; var ogniskowa0 = document.getElementById(„ogn_obiektywu0”).value; rozmiarMarycyH = (16 * wybranyPrzetwornik0) / 18.357559751; rozmiarMatrycyV = (9 * wybranyPrzetwornik0) / 18.357559751; if (!ogniskowa0) { document.getElementById(„katH”).value = `–`; document.getElementById(„katV”).value = `–`; } else if (ogniskowa0 == 0 || odleglosc0 == 0) { document.getElementById(„katH”).value = `–`; document.getElementById(„katV”).value = `–`; } else { tangensKataH = Math.atan(rozmiarMarycyH / (ogniskowa0 * 2)); tangensKataV = Math.atan(rozmiarMatrycyV / (ogniskowa0 * 2)); stopnieH = 2 * ((180 * tangensKataH) / Math.PI); stopnieV = 2 * ((180 * tangensKataV) / Math.PI); document.getElementById(„katH”).value = `${stopnieH.toFixed(0) + String.fromCharCode(176)}`; document.getElementById(„katV”).value = `${stopnieV.toFixed(0) + String.fromCharCode(176)}`; } /* console.log(`–obliczKaty() START–`); */ /* console.log(`odleglosc0 -> ${odleglosc0}`); */ /* console.log(`ogniskowa0 -> ${ogniskowa0}`); */ /* console.log(`rozmiarMarycyH -> ${rozmiarMarycyH}`); */ /* console.log(`rozmiarMatrycyV -> ${rozmiarMatrycyV}`); */ /* console.log(`–obliczKaty() STOP–`); */ /* console.log(„); */ } function frameSize() { obliczKaty(); var ogniskowa0 = document.getElementById(„ogn_obiektywu0”).value; var odleglosc0 = document.getElementById(„calc0_odl_kam_od_obiektu”).value; if (!ogniskowa0 || !odleglosc0) { kadrH.value = `–`; kadrV.value = `–`; } else if (ogniskowa0 == 0 || odleglosc0 == 0) { kadrH.value = `–`; kadrV.value = `–`; } else { var frameSizeH = (Math.tan(stopnieH / 2 * Math.PI / 180)) * (odleglosc0 * 2); var frameSizeV = (Math.tan(stopnieV / 2 * Math.PI / 180)) * (odleglosc0 * 2); /* console.log(„PRZED MODYFIKACJĄ => frameSizeH ” + frameSizeH); */ /* console.log(„PRZED MODYFIKACJĄ => frameSizeV ” + frameSizeV); */ /* kadrH.value = `${frameSizeH} [m]`; */ /* kadrV.value = `${frameSizeV} [m]`; */ if (frameSizeH >= 1) { kadrH.value = `${frameSizeH.toFixed(0)} [m]`; } else if (frameSizeH = 0.1) { kadrH.value = `${frameSizeH.toFixed(1)} [m]`; } else if (frameSizeH = 0.01) { kadrH.value = `${frameSizeH.toFixed(2)} [m]`; } else if (frameSizeH = 0.001) { kadrH.value = `${frameSizeH.toFixed(3)} [m]`; } else if (frameSizeH < 0.001) { kadrH.value = `= 1) { kadrV.value = `${frameSizeV.toFixed(0)} [m]`; } else if (frameSizeV = 0.1) { kadrV.value = `${frameSizeV.toFixed(1)} [m]`; } else if (frameSizeV = 0.01) { kadrV.value = `${frameSizeV.toFixed(2)} [m]`; } else if (frameSizeV = 0.001) { kadrV.value = `${frameSizeV.toFixed(3)} [m]`; } else if (frameSizeV < 0.001) { kadrV.value = ` ${ogniskowa0}`); */ /* console.log(`odleglosc0 -> ${odleglosc0}`); */ /* console.log(`–frameSize() STOP–`); */ /* console.log(„); */ } function obliczSzerokosc2() { var szerokosc2 = +document.getElementById(„szer_obiektu2”).value; var pobranaWysokosc = +document.getElementById(„wys_obiektu2”).value; if (pobranaWysokosc) { szerokosc2 = (((pobranaWysokosc * 1600) / 9) / 100); /* szerokosc2 = Math.round(szerokosc2); */ /* Skrócenie wyniku do 2 miejsc po przecinku */ szerokosc2 = szerokosc2.toFixed(2); document.getElementById(„szer_obiektu2”).value = szerokosc2; } /* console.log(`–obliczSzerokosc2() START–`); */ /* console.log(`szerokosc2 -> ${szerokosc2}`); */ /* console.log(`pobranaWysokosc -> ${pobranaWysokosc}`); */ /* console.log(`–obliczSzerokosc2() STOP–`); */ /* console.log(„); */ } function obliczWysokosc2() { var wysokosc2 = +document.getElementById(„wys_obiektu2”).value; var pobranaSzerokosc = +document.getElementById(„szer_obiektu2”).value; if (pobranaSzerokosc) { wysokosc2 = (((pobranaSzerokosc * 900) / 16) / 100); /* wysokosc2 = Math.round(wysokosc2); */ /* Skrócenie wyniku do 2 miejsc po przecinku */ wysokosc2 = wysokosc2.toFixed(2); document.getElementById(„wys_obiektu2”).value = wysokosc2; } /* console.log(`–obliczWysokosc2() START–`); */ /* console.log(`wysokosc2 -> ${wysokosc2}`); */ /* console.log(`pobranaSzerokosc -> ${pobranaSzerokosc}`); */ /* console.log(`–obliczWysokosc2() STOP–`); */ /* console.log(„); */ } function workingDistance() { var szerokosc2 = +document.getElementById(„szer_obiektu2”).value; var wysokosc2 = +document.getElementById(„wys_obiektu2”).value; var ogniskowa2 = +document.getElementById(„calc2_ogniskowa”).value; if (!szerokosc2 || !wysokosc2 || !ogniskowa2) { document.getElementById(„calc2_odl_kam_od_obiektu”).value = `–`; } else { var p_wy = Math.sqrt((wybranyPrzetwornik2 * wybranyPrzetwornik2) / ((16 * 16) / (9 * 9) + 1)); var p_sz = Math.sqrt((wybranyPrzetwornik2 * wybranyPrzetwornik2) / ((9 * 9) / (16 * 16) + 1)); var odl = ogniskowa2 * szerokosc2 / p_sz; /* document.getElementById(„calc2_odl_kam_od_obiektu”).value = Math.round(odl * 10) / 10 + ” [m]”; */ /* Skrócenie wyniku do 1 miejsca po przecinku */ /* odl = ((odl * 10) / 10).toFixed(1); */ odl = (odl * 10) / 10; /* document.getElementById(„calc2_odl_kam_od_obiektu”).value = odl + ” [m]”; */ if (odl >= 1) { document.getElementById(„calc2_odl_kam_od_obiektu”).value = odl.toFixed(1) + ” [m]”; } else if (odl >= 0.1) { document.getElementById(„calc2_odl_kam_od_obiektu”).value = odl.toFixed(1) + ” [m]”; } else if (odl >= 0.01) { document.getElementById(„calc2_odl_kam_od_obiektu”).value = odl.toFixed(2) + ” [m]”; } else if (odl >= 0.001) { document.getElementById(„calc2_odl_kam_od_obiektu”).value = odl.toFixed(3) + ” [m]”; } else if (odl === 0) { document.getElementById(„calc2_odl_kam_od_obiektu”).value = „0 [m]”; } } /* console.log(`–workingDistance() START–`); */ /* console.log(`szerokosc2 -> ${szerokosc2}`); */ /* console.log(`wysokosc2 -> ${wysokosc2}`); */ /* console.log(`ogniskowa2 -> ${ogniskowa2}`); */ /* console.log(`–workingDistance() STOP–`); */ /* console.log(„); */ } function reset0() { document.getElementById(„calc0_odl_kam_od_obiektu”).value = 0; document.getElementById(„ogn_obiektywu0”).value = 0; document.getElementById(„katV”).value = 0; document.getElementById(„katH”).value = 0; kadrH.value = 0; kadrV.value = 0; document.getElementById(„kadrV”).value = 0; document.getElementById(„kadrV”).value = 0; /* console.log(`–reset0() START–`); */ /* console.log(`ZEROWNIE: n calc0_odl_kam_od_obiektu n ogn_obiektywu0 n katV n katH n kadrH n kadrV`); */ /* console.log(`–reset0() STOP–`); */ /* console.log(„); */ } function reset1() { document.getElementById(„szer_obiektu1”).value = 0; document.getElementById(„wys_obiektu1”).value = 0; document.getElementById(„calc1_odl_kam_od_obiektu”).value = 0; document.getElementById(„calc1_ogniskowa”).value = 0; /* console.log(`–reset1() START–`); */ /* console.log(`ZEROWNIE: n szer_obiektu1 n wys_obiektu1 n calc1_odl_kam_od_obiektu n calc1_ogniskowa`); */ /* console.log(`–reset1() STOP–`); */ /* console.log(„); */ } function reset2() { document.getElementById(„calc2_odl_kam_od_obiektu”).value = 0; document.getElementById(„szer_obiektu2”).value = 0; document.getElementById(„wys_obiektu2”).value = 0; document.getElementById(„calc2_ogniskowa”).value = 0; /* console.log(`–reset2() START–`); */ /* console.log(`ZEROWNIE: n calc2_odl_kam_od_obiektu n szer_obiektu2 n wys_obiektu2 n calc2_ogniskowa`); */ /* console.log(`–reset2() STOP–`); */ /* console.log(„); */ } function calculate0() { frameSize(); obliczKaty(); /* console.log(`–calculate0() START–`); */ /* console.log(`WYWOŁANIE: n frameSize() n obliczKaty()`); */ /* console.log(`–calculate0() STOP–`); */ /* console.log(„); */ } reset0(); reset1(); reset2();

Piesa de bază a oricărui tip de cameră este obiectivul. Acesta, datorită construcţiei sale permite camerei să înregistreze imaginea reală. De aceea, alegerea obiectivului adecvat este foarte importantă pentru a obţine o imagine înregistrată care să vă satisfacă. Aşa cum am amintit, unghiul de vedere al camerei depinde de fapt de obiectiv şi de parametri acestuia, şi mai ales de lungimea de focalizare a obiectivului. Aceasta este distanţa între centrul optic al lentilei, în care se concentrează lumina şi convertorul pe care cade lumina; presupunând că focalizarea este setată la infinit (fig. 1). Această valoare este indicată în milimetri.

Fig. 1:

Razele de lumină care trec prin obiectiv cad pe elementul sensibil la lumină, numit senzor. Razele care cad pe laturile opuse ale senzorului stabilesc liniile care formează unghiul de vizualizare al camerei (fig. 2). Spre deosebire de tehnica fotografică, unde unghiul de vizualizare a unui aparat este definit între colţurile opuse ale imaginii, în televiziunea industrială unghiul de vizualizare se raportează la lăţimea câmpului vizual.

Fig. 2:

Astfel, aşa cum se indică în imagine, unghiul de vizualizare (2) în cazul camerelor industriale depinde nu numai de distanţa obiectivului faţă de senzor, adică distanţa focală (4), ci şi de dimensiunea senzorului (5) pe care cade lumina. În cazul unei lungimi focale mai mari, cu atât mai mic este unghiul de vizualizare al camerei. În ceea ce priveşte convertorul, cu cât este utilizat un element sensibil la lumină mai mare, cu atât unghiul de vizualizare va fi mai mare. Totuşi, nu uitaţi că fiecare obiectiv este proiectat pentru dimensiunea specifică a senzorului. De aceea, acelaşi obiectiv poate avea unghiuri de vizualizare diferite dacă este utilizat cu camere diferite.

Mai jos vă prezentăm imaginea captată de camera APTI-27V2-2812, care are unghiul de vizualizare de 94° (fig. 3), şi cea din camera M5-V1 care are unghiul de vizualizare de 150° (fig. 4).

Fig. 3. Vedere din camera APTI-27V2-2812

Fig. 4. Vedere din camera M5-V1

Prima imagine este o captură de ecran de la o cameră de unghi de vizualizare obişnuit. Se poate vedea o curbură atât pe grinda superioară cât şi pe panourile de pe podea – care bineînţeles că sunt drepte. Imaginea este apropiată de cea naturală. Captura de ecran de la a doua cameră prezintă o imagine, care desigur este nenaturală (efectul ochilor de peşte) dar, cu toate acestea, oferă un unghi larg de vizualizare, mergând dincolo de limita încăperii de testare. Camerele cu unghi larg de vizualizare sunt o foarte bună alternativă pentru camerele rotative, datorită câmpului de vedere mai mare.

După cum se poate observa, există o relaţie strânsă între unghiul de vizionare şi lungimea focală a obiectivului, dimensiunea senzorului şi alţi parametri care nu au fost descrişi. La alegerea camerei industriale trebuie să indicaţi: la ce înălţime va fi fixată şi cât de larg trebuie să fie unghiul de vizionare. Există formule, tabele şi calculatoare care vă vor ajuta să alegeţi camera adecvată. Totuşi – pentru a vă uşura alegerea – în oferta companiei Delta toate camerele şi obiectivele au fost testate, iar parametrii acestora au fost publicaţi pe pagina de Internet a produsului testat. Adiţional, angajaţii companiei noastre – conform informaţiilor de bază despre locul de montare a camerei şi unghiul de vizualizare – vă vor ajuta să alegeţi echipamentul adecvat cerinţelor.