three.js/manual/resources/frustum-3d.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 500 568" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
    <g transform="matrix(0.228829,0,0,0.228829,0,1.30074e-14)">
        <path d="M794,893L1112.96,91.025L2137,533L1433,1180L794,893Z" style="fill:rgb(251,200,255);"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,0,0)">
        <path d="M2137,537L2139,1265L1437,1639L1435,1177L2137,537Z" style="fill:rgb(250,189,255);"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,0,0)">
        <path d="M1118,94L2137,537L2141,1271L1118.7,827.696L1118,94Z" style="fill:rgb(169,212,255);"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,0,0)">
        <path d="M1116.43,831.476L2140,1269.21L1438.26,1632.75L791.467,1358.91L1116.43,831.476Z" style="fill:rgb(246,136,255);fill-opacity:0.701961;"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,0,1.30074e-14)">
        <path d="M1435,1177L1440,1636L790,1359L794,893L1435,1177Z" style="fill:rgb(166,251,182);fill-opacity:0.498039;"/>
    </g>
    <g transform="matrix(0.253567,0,0,0.253567,-181.919,-73.1583)">
        <path d="M1808,158.717L924,2351" style="fill:none;stroke:rgb(146,146,146);stroke-width:1.88px;"/>
    </g>
    <g transform="matrix(0.263021,0,0,0.263021,-190.655,-95.3853)">
        <path d="M2831.34,599L924,2351" style="fill:none;stroke:rgb(146,146,146);stroke-width:1.81px;"/>
    </g>
    <g transform="matrix(0.270819,0,0,0.270819,-197.86,-113.719)">
        <path d="M2831.34,1333L924,2351" style="fill:none;stroke:rgb(146,146,146);stroke-width:1.76px;"/>
    </g>
    <g transform="matrix(0.383111,0,0,0.383111,-301.618,-377.718)">
        <path d="M1808,896L924,2351" style="fill:none;stroke:rgb(146,146,146);stroke-width:1.24px;"/>
    </g>
    <g transform="matrix(0.182724,0,0,0.165128,58.3248,64.5264)">
        <path d="M1479,1237.24L670,852L670,1494L1479,1879.24L1479,1237.24Z" style="fill:none;stroke:black;stroke-width:5.47px;"/>
    </g>
    <g transform="matrix(0.289457,0,0,0.261584,60.7254,-201.55)">
        <path d="M1479,1237.24L670,852L670,1494L1479,1879.24L1479,1237.24Z" style="fill:none;stroke:black;stroke-width:3.46px;"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,27.4343,-30.5599)">
        <path d="M670,1030.36L993,226.717" style="fill:none;stroke:black;stroke-width:4.17px;"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,27.4343,-30.5599)">
        <path d="M1316,1311L2016.34,667" style="fill:none;stroke:black;stroke-width:4.17px;"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,27.4343,-30.5599)">
        <path d="M1316,1771.64L2016.34,1401" style="fill:none;stroke:black;stroke-width:4.17px;"/>
    </g>
    <g transform="matrix(0.228829,0,0,0.228829,27.4343,-30.5599)">
        <path d="M670,1490L993,964" style="fill:none;stroke:black;stroke-width:4.17px;"/>
    </g>
    <g transform="matrix(0.125222,0,0,0.14216,-53.3157,216.672)">
        <g transform="matrix(1.06285,0,0,1.06285,207.062,1284.72)">
            <ellipse cx="444.5" cy="895.5" rx="52.5" ry="50.5" style="stroke:rgb(3,3,3);stroke-width:3.35px;"/>
        </g>
        <g transform="matrix(1,0,0,1,246.5,1652.65)">
            <path d="M268.458,558.348C288.79,525.842 354.8,502 433,502C511.2,502 577.21,525.842 597.542,558.348C552.951,545.022 495.572,537 433,537C370.428,537 313.049,545.022 268.458,558.348Z" style="stroke:rgb(146,146,146);stroke-width:3.56px;"/>
        </g>
        <g transform="matrix(1,0,0,-1,246.5,2820.35)">
            <path d="M268.458,558.348C288.79,525.842 354.8,502 433,502C511.2,502 577.21,525.842 597.542,558.348C552.951,545.022 495.572,537 433,537C370.428,537 313.049,545.022 268.458,558.348Z" style="stroke:rgb(146,146,146);stroke-width:3.56px;"/>
        </g>
    </g>
    <g transform="matrix(0.451826,0.00669686,-0.00669686,0.451826,-703.233,-850.788)">
        <text x="1932.37px" y="2074.34px" style="font-family:'Arial-BoldMT', 'Arial', sans-serif;font-weight:700;font-size:101.279px;fill:rgb(0,59,255);">far</text>
    </g>
    <g transform="matrix(0.451826,0.00669686,-0.00669686,0.451826,-803.517,-741.628)">
        <text x="1932.37px" y="2074.34px" style="font-family:'Arial-BoldMT', 'Arial', sans-serif;font-weight:700;font-size:101.279px;fill:rgb(42,170,74);">near</text>
    </g>
    <g transform="matrix(0.451826,0.00669686,-0.00669686,0.451826,-585.526,-533.656)">
        <text x="1932.37px" y="2074.34px" style="font-family:'Arial-BoldMT', 'Arial', sans-serif;font-weight:700;font-size:101.279px;fill:rgb(255,0,48);">fov</text>
    </g>
    <g transform="matrix(0.137985,0.0581395,-0.0386589,0.0917509,118.911,120.502)">
        <path d="M212,957.03L212,908.97L594.049,908.97L594.049,864L672,933L594.049,1002L594.049,957.03L212,957.03Z" style="fill:rgb(94,194,126);"/>
    </g>
    <g transform="matrix(0.137985,0.0581395,-0.0393575,0.0934091,195.2,7.85882)">
        <path d="M212,957.03L212,908.97L592.64,908.97L592.64,864L672,933L592.64,1002L592.64,957.03L212,957.03Z" style="fill:rgb(0,59,255);"/>
    </g>
    <g transform="matrix(0.147102,0,0,0.185936,91.5132,71.9773)">
        <path d="M1057,1535C1138.34,1631.7 1161.96,1683.82 1099.06,1822" style="fill:none;stroke:rgb(255,0,34);stroke-width:42.65px;"/>
    </g>
    <g transform="matrix(-0.223056,-0.0984935,0.0924323,-0.20933,289.707,836.839)">
        <path d="M842.5,1602L873,1674L812,1674L842.5,1602Z" style="fill:rgb(255,0,48);"/>
    </g>
    <g transform="matrix(0.197704,-0.16228,0.145183,0.176874,-159.117,202.268)">
        <path d="M842.5,1602L873,1674L812,1674L842.5,1602Z" style="fill:rgb(255,0,48);"/>
    </g>
</svg>