readme/image.svg

<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="624" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="592" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto">
  <!--Generated by ySVG-->
  <defs id="genericDefs"/>
  <g>
    <defs id="defs1">
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient1" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient2" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient3" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient4" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient5" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient6" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient7" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="0" y2="27" id="linearGradient8" spreadMethod="pad">
        <stop stop-opacity="1" stop-color="rgb(85,85,85)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(60,60,60)" offset="100%"/>
      </linearGradient>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
        <path d="M0 0 L624 0 L624 592 L0 592 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M-28 81 L596 81 L596 673 L-28 673 L-28 81 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath3">
        <path d="M-466.5 -69 L157.5 -69 L157.5 523 L-466.5 523 L-466.5 -69 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath4">
        <path d="M0 0 L0 51 L137 51 L137 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath5">
        <path d="M0 0 L0 49 L135 49 L135 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath6">
        <path d="M0 0 L0 22 L135 22 L135 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath7">
        <path d="M0 0 L0 20 L6 20 L6 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath8">
        <path d="M0 0 L0 20 L105 20 L105 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath9">
        <path d="M0 0 L0 27 L135 27 L135 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath10">
        <path d="M0 0 L0 26 L135 26 L135 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath11">
        <path d="M0 0 L0 20 L129 20 L129 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath12">
        <path d="M-202 -365 L422 -365 L422 227 L-202 227 L-202 -365 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath13">
        <path d="M0 0 L0 207 L390 207 L390 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath14">
        <path d="M0 0 L0 205 L388 205 L388 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath15">
        <path d="M0 0 L0 178 L388 178 L388 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath16">
        <path d="M0 0 L0 22 L388 22 L388 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath17">
        <path d="M0 0 L0 20 L97 20 L97 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath18">
        <path d="M0 22 L0 44 L388 44 L388 22 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath19">
        <path d="M0 0 L0 20 L93 20 L93 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath20">
        <path d="M0 44 L0 45 L388 45 L388 44 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath21">
        <path d="M0 0 L0 1 L388 1 L388 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath22">
        <path d="M0 45 L0 67 L388 67 L388 45 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath23">
        <path d="M0 0 L0 20 L292 20 L292 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath24">
        <path d="M0 67 L0 68 L388 68 L388 67 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath25">
        <path d="M0 68 L0 90 L388 90 L388 68 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath26">
        <path d="M0 0 L0 20 L137 20 L137 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath27">
        <path d="M0 90 L0 112 L388 112 L388 90 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath28">
        <path d="M0 0 L0 20 L254 20 L254 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath29">
        <path d="M0 112 L0 134 L388 134 L388 112 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath30">
        <path d="M0 0 L0 20 L358 20 L358 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath31">
        <path d="M0 134 L0 156 L388 156 L388 134 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath32">
        <path d="M0 0 L0 20 L178 20 L178 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath33">
        <path d="M0 156 L0 178 L388 178 L388 156 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath34">
        <path d="M0 0 L0 20 L127 20 L127 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath35">
        <path d="M0 0 L0 27 L388 27 L388 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath36">
        <path d="M0 0 L0 26 L388 26 L388 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath37">
        <path d="M0 0 L0 20 L382 20 L382 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath38">
        <path d="M-116.5 -20 L507.5 -20 L507.5 572 L-116.5 572 L-116.5 -20 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath39">
        <path d="M0 0 L0 295 L273 295 L273 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath40">
        <path d="M0 0 L0 293 L271 293 L271 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath41">
        <path d="M0 0 L0 266 L271 266 L271 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath42">
        <path d="M0 0 L0 22 L271 22 L271 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath43">
        <path d="M0 0 L0 20 L95 20 L95 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath44">
        <path d="M0 22 L0 44 L271 44 L271 22 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath45">
        <path d="M0 0 L0 20 L73 20 L73 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath46">
        <path d="M0 44 L0 66 L271 66 L271 44 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath47">
        <path d="M0 0 L0 20 L91 20 L91 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath48">
        <path d="M0 66 L0 67 L271 67 L271 66 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath49">
        <path d="M0 0 L0 1 L271 1 L271 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath50">
        <path d="M0 67 L0 89 L271 89 L271 67 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath51">
        <path d="M0 0 L0 20 L170 20 L170 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath52">
        <path d="M0 89 L0 90 L271 90 L271 89 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath53">
        <path d="M0 90 L0 112 L271 112 L271 90 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath54">
        <path d="M0 0 L0 20 L101 20 L101 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath55">
        <path d="M0 112 L0 134 L271 134 L271 112 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath56">
        <path d="M0 0 L0 20 L98 20 L98 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath57">
        <path d="M0 134 L0 156 L271 156 L271 134 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath58">
        <path d="M0 156 L0 178 L271 178 L271 156 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath59">
        <path d="M0 0 L0 20 L195 20 L195 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath60">
        <path d="M0 178 L0 200 L271 200 L271 178 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath61">
        <path d="M0 0 L0 20 L142 20 L142 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath62">
        <path d="M0 200 L0 222 L271 222 L271 200 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath63">
        <path d="M0 0 L0 20 L151 20 L151 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath64">
        <path d="M0 222 L0 244 L271 244 L271 222 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath65">
        <path d="M0 0 L0 20 L241 20 L241 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath66">
        <path d="M0 244 L0 266 L271 266 L271 244 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath67">
        <path d="M0 0 L0 20 L122 20 L122 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath68">
        <path d="M0 0 L0 27 L271 27 L271 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath69">
        <path d="M0 0 L0 26 L271 26 L271 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath70">
        <path d="M0 0 L0 20 L265 20 L265 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath71">
        <path d="M-20 -420.5 L604 -420.5 L604 171.5 L-20 171.5 L-20 -420.5 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath72">
        <path d="M0 0 L0 96 L178 96 L178 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath73">
        <path d="M0 0 L0 94 L176 94 L176 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath74">
        <path d="M0 0 L0 67 L176 67 L176 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath75">
        <path d="M0 0 L0 22 L176 22 L176 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath76">
        <path d="M0 0 L0 20 L108 20 L108 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath77">
        <path d="M0 22 L0 23 L176 23 L176 22 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath78">
        <path d="M0 0 L0 1 L176 1 L176 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath79">
        <path d="M0 23 L0 45 L176 45 L176 23 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath80">
        <path d="M0 0 L0 20 L110 20 L110 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath81">
        <path d="M0 45 L0 67 L176 67 L176 45 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath82">
        <path d="M0 0 L0 20 L146 20 L146 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath83">
        <path d="M0 0 L0 27 L176 27 L176 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath84">
        <path d="M0 0 L0 26 L176 26 L176 0 Z"/>
      </clipPath>
    </defs>
    <g fill="rgb(60,63,65)" transform="translate(28,-81)" stroke="rgb(60,63,65)">
      <rect x="-28" width="624" height="592" y="81" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g fill="rgb(107,107,107)" stroke="rgb(107,107,107)">
      <path d="M11 580 L11 571 L13.9688 571 Q14.75 571 15.1562 571.0781 Q15.7344 571.1875 16.125 571.4766 Q16.5156 571.7656 16.7578 572.2891 Q17 572.8125 17 573.4375 Q17 574.5156 16.3594 575.2578 Q15.7188 576 14.0312 576 L12 576 L12 580 L11 580 ZM12 575 L14.0938 575 Q15.125 575 15.5625 574.6016 Q16 574.2031 16 573.4688 Q16 572.9375 15.7422 572.5625 Q15.4844 572.1875 15.0625 572.0781 Q14.7969 572 14.0625 572 L12 572 L12 575 ZM19.0039 576.5 Q19.0039 574.6406 19.832 573.75 Q20.5195 573 21.5039 573 Q22.6133 573 23.3086 573.9062 Q24.0039 574.8125 24.0039 576.4062 Q24.0039 577.7031 23.6914 578.4453 Q23.3789 579.1875 22.793 579.5938 Q22.207 580 21.5039 580 Q20.3789 580 19.6914 579.1016 Q19.0039 578.2031 19.0039 576.5 ZM20.0039 576.5 Q20.0039 577.75 20.1836 578.375 Q20.3633 579 21.5039 579 Q22.5195 579 22.7617 578.375 Q23.0039 577.75 23.0039 576.4531 Q23.0039 575.25 22.7617 574.625 Q22.5195 574 21.5039 574 Q20.4883 574 20.2461 574.625 Q20.0039 575.25 20.0039 576.5 ZM26.6777 580 L24.6777 573 L25.6777 573 L26.8496 577.3594 L27.1621 578.5469 Q27.1777 578.4531 27.4746 577.4219 L28.6152 573 L29.7715 573 L30.8809 577.2812 L31.1777 578.3906 L31.4277 577.4531 L32.6777 573 L33.6777 573 L31.7246 580 L30.584 580 L29.584 576.1719 L29.1777 574.6094 L27.6777 580 L26.6777 580 ZM38.3281 578 L39.3125 578 Q39.0938 578.9531 38.4844 579.4766 Q37.875 580 36.9219 580 Q35.7344 580 35.0391 579.0938 Q34.3438 578.1875 34.3438 576.5625 Q34.3438 574.8594 35.0469 573.9297 Q35.75 573 36.875 573 Q37.9688 573 38.6562 573.9688 Q39.3438 574.9375 39.3438 576.6875 Q39.3438 576.7812 39.3438 577 L35.3438 577 Q35.3906 577.9688 35.3984 578.4844 Q35.4062 579 36.9375 579 Q37.4219 579 37.7734 578.7578 Q38.125 578.5156 38.3281 578 ZM35.3438 576 L38.3438 576 Q38.2812 575.125 38.375 574.6875 Q37.5625 574 36.875 574 Q35.375 574 35.3828 574.5469 Q35.3906 575.0938 35.3438 576 ZM41.0176 580 L41.0176 573 L42.0176 573 L42.0176 574 Q42.3145 573.8906 42.5723 573.4453 Q42.8301 573 43.127 573 Q43.5645 573 44.0176 573.2031 L43.7207 574.1719 Q43.3926 574 43.0488 574 Q42.752 574 42.5176 574.2344 Q42.2832 574.4688 42.1738 574.8906 Q42.0176 575.5312 42.0176 576.2969 L42.0176 580 L41.0176 580 ZM48.998 578 L49.9824 578 Q49.7637 578.9531 49.1543 579.4766 Q48.5449 580 47.5918 580 Q46.4043 580 45.709 579.0938 Q45.0137 578.1875 45.0137 576.5625 Q45.0137 574.8594 45.7168 573.9297 Q46.4199 573 47.5449 573 Q48.6387 573 49.3262 573.9688 Q50.0137 574.9375 50.0137 576.6875 Q50.0137 576.7812 50.0137 577 L46.0137 577 Q46.0605 577.9688 46.0684 578.4844 Q46.0762 579 47.6074 579 Q48.0918 579 48.4434 578.7578 Q48.7949 578.5156 48.998 578 ZM46.0137 576 L49.0137 576 Q48.9512 575.125 49.0449 574.6875 Q48.2324 574 47.5449 574 Q46.0449 574 46.0527 574.5469 Q46.0605 575.0938 46.0137 576 ZM55.6875 580 L55.6875 578.9375 Q55.1562 579.625 54.1094 580 Q53.4375 580 52.875 579.5547 Q52.3125 579.1094 52 578.3203 Q51.6875 577.5312 51.6875 576.5 Q51.6875 575.5 51.9766 574.6875 Q52.2656 573.875 52.8359 573.4375 Q53.4062 573 54.1094 573 Q54.625 573 55.0312 573.4609 Q55.4375 573.9219 55.6875 573.9844 L55.6875 571 L56.6875 571 L56.6875 580 L55.6875 580 ZM52.6875 576.5 Q52.6875 577.75 52.9531 578.375 Q53.2188 579 54.2031 579 Q54.8281 579 55.2578 578.4062 Q55.6875 577.8125 55.6875 576.5938 Q55.6875 575.25 55.25 574.625 Q54.8125 574 54.1562 574 Q53.1562 574 52.9219 574.6016 Q52.6875 575.2031 52.6875 576.5 ZM62.6953 580 L61.6953 580 L61.6953 571 L62.6953 571 L62.6953 573.9688 Q63.3047 574 64.2734 573 Q64.7891 573 65.2656 573.25 Q65.7422 573.5 66.0469 573.9531 Q66.3516 574.4062 66.5234 575.0391 Q66.6953 575.6719 66.6953 576.4062 Q66.6953 578.125 65.9766 579.0625 Q65.2578 580 64.2578 580 Q63.2578 579 62.6953 578.9375 L62.6953 580 ZM62.6953 576.4531 Q62.6953 577.625 63.3359 578.1406 Q63.4141 579 64.1797 579 Q65.4141 579 65.5547 578.3672 Q65.6953 577.7344 65.6953 576.5 Q65.6953 575.2188 65.5781 574.6094 Q65.4609 574 64.2109 574 Q63.6016 574 63.1484 574.6328 Q62.6953 575.2656 62.6953 576.4531 ZM68.3691 581.875 L68.3691 580.9062 Q68.541 581 68.6816 581 Q68.8691 581 68.9785 580.875 Q69.0879 580.75 69.1504 580.5312 Q69.1973 580.375 69.3223 579.7188 Q69.3379 579.6406 69.3691 579.4531 L67.3691 573 L68.3535 573 L69.4785 576.7656 Q69.6973 577.4844 69.8691 578.2812 Q69.9785 577.9062 70.1816 577.2031 L71.3691 573 L72.3535 573 L70.3223 580.0938 Q70.0566 580.9062 69.9004 581.2031 Q69.7129 581.6094 69.4551 581.8047 Q69.1973 582 68.8535 582 Q68.6348 582 68.3691 581.875 ZM77.7031 581.875 L77.7031 580.9062 Q77.875 581 78.0156 581 Q78.2031 581 78.3125 580.875 Q78.4219 580.75 78.4844 580.5312 Q78.5312 580.375 78.6562 579.7188 Q78.6719 579.6406 78.7031 579.4531 L76.7031 573 L77.6875 573 L78.8125 576.7656 Q79.0312 577.4844 79.2031 578.2812 Q79.3125 577.9062 79.5156 577.2031 L80.7031 573 L81.6875 573 L79.6562 580.0938 Q79.3906 580.9062 79.2344 581.2031 Q79.0469 581.6094 78.7891 581.8047 Q78.5312 582 78.1875 582 Q77.9688 582 77.7031 581.875 ZM83.7031 580 L83.7031 571 L88.7031 571 L88.7031 572 L84.7031 572 L84.7031 575 L87.7031 575 L87.7031 576 L84.7031 576 L84.7031 580 L83.7031 580 ZM91.0332 572 L91.0332 571 L92.0332 571 L92.0332 572 L91.0332 572 ZM91.0332 580 L91.0332 573 L92.0332 573 L92.0332 580 L91.0332 580 ZM93.6992 580 L93.6992 571 L94.6992 571 L94.6992 580 L93.6992 580 ZM100.3496 578 L101.334 578 Q101.1152 578.9531 100.5059 579.4766 Q99.8965 580 98.9434 580 Q97.7559 580 97.0605 579.0938 Q96.3652 578.1875 96.3652 576.5625 Q96.3652 574.8594 97.0684 573.9297 Q97.7715 573 98.8965 573 Q99.9902 573 100.6777 573.9688 Q101.3652 574.9375 101.3652 576.6875 Q101.3652 576.7812 101.3652 577 L97.3652 577 Q97.4121 577.9688 97.4199 578.4844 Q97.4277 579 98.959 579 Q99.4434 579 99.7949 578.7578 Q100.1465 578.5156 100.3496 578 ZM97.3652 576 L100.3652 576 Q100.3027 575.125 100.3965 574.6875 Q99.584 574 98.8965 574 Q97.3965 574 97.4043 574.5469 Q97.4121 575.0938 97.3652 576 ZM103.0391 578 L104.0391 578 Q104.1328 578.4844 104.5234 578.7422 Q104.9141 579 105.6328 579 L106.2422 579 L107.0391 578.2031 L107.0391 577.9844 L107.0391 578.0625 L106.6172 577.2656 L106.6484 577.2656 L105.6953 577.0469 L104.4141 576.7344 L104.2422 576.7344 L103.0391 575.1562 L103.0391 574.9531 L103.0391 574.2031 L103.0391 574.2031 L103.0391 574.2031 L103.0391 574.2031 L104.2422 573 L105.4453 573 Q106.2109 573 106.7969 573.2422 Q107.3828 573.4844 107.6562 573.8984 Q107.9297 574.3125 108.0391 575 L107.0391 575 Q106.9609 574.5312 106.5859 574.2656 Q106.2109 574 105.5391 574 L104.8359 574 L104.0391 574.7969 L104.0391 574.8125 L104.0391 574.5625 L104.8359 575.3594 L104.3203 575.3594 L104.6328 575.7188 Q104.8047 575.5312 105.6641 575.75 L106.8984 576.0781 L106.8359 576.0781 L108.0391 577.4688 L108.0391 577.8594 L108.0391 578.7969 L108.0391 578.7969 L106.8359 580 L105.6172 580 Q104.4453 580 103.8281 579.4922 Q103.2109 578.9844 103.0391 578 Z" stroke="none" clip-path="url(#clipPath1)"/>
    </g>
    <g fill="silver" transform="matrix(1,0,0,1,28,-81)" stroke="silver">
      <rect x="432.5" width="5" height="5" y="144" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="432.5" width="5" height="5" y="173.5" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="432.5" width="5" height="5" y="203" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="505" width="5" height="5" y="203" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="505" width="5" height="5" y="144" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="577.5" width="5" height="5" y="144" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="577.5" width="5" height="5" y="173.5" clip-path="url(#clipPath2)" stroke="none"/>
      <rect x="577.5" width="5" height="5" y="203" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g fill="rgb(88,157,246)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(438.5,150)" stroke="rgb(88,157,246)">
      <path d="M0 0 L137 0 L137 51 L0 51 L0 0 ZM1 1 L136 1 L136 50 L1 50 L1 1 Z" fill-rule="evenodd" clip-path="url(#clipPath4)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,151)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="49" y="0" clip-path="url(#clipPath5)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,178)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="22" y="0" clip-path="url(#clipPath6)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,178)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="22" y="0" clip-path="url(#clipPath6)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(441.5,179)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath8)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath8)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath8)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="69" height="20" y="0" clip-path="url(#clipPath8)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath8)" stroke="none">rgb2hsl(rgb)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,151)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="27" y="0" clip-path="url(#clipPath9)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient1)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,151)" stroke="url(#linearGradient1)">
      <rect x="0" width="135" height="27" y="0" clip-path="url(#clipPath9)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath9)" fill="rgb(90,90,90)" width="135" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(442.5,154)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath11)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt3Aa4Lj1Ydg/xn/OeG1kZDh+wFNxAYzP&#13;&#10;DGM4bL+f8J/hvx0RrpZViirierBswlUQhwnm7P//GSyJ9TfIlSA9IDYLiID6GQ7+&#13;&#10;f/3M8n7lRMM/L58IgZ3Nxv5HtHjiXmQ1UD23WKB8lAADaf737ROncEr9IWZRye84&#13;&#10;HGIA9wI6ANnMaeJ8F49mOGCiNB1gNYBFXObd9zN7lf++fs5JyABYGFxADgfB8Pzz&#13;&#10;oHB4O6fRDlcgQvVADAClMGCowg1g5Ob9I5RUcxqvzUA98IR0f9mkt6DE8Z/xvxJR&#13;&#10;/v7PtHeft+IhlJQISlnEGALSvN9bfhXVMhPFAABj9nS+zu6R5QAAAABJRU5ErkJg&#13;&#10;gg==" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(442.5,154)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath11)" stroke="none">ImageHelper</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(442.5,154)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath11)" stroke="none">ImageHelper</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,151)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="49" y="0" clip-path="url(#clipPath5)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,178)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="22" y="0" clip-path="url(#clipPath6)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,178)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="22" y="0" clip-path="url(#clipPath6)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(441.5,179)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath8)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath8)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath8)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="69" height="20" y="0" clip-path="url(#clipPath8)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath8)" stroke="none">rgb2hsl(rgb)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,151)" stroke="rgb(60,63,65)">
      <rect x="0" width="135" height="27" y="0" clip-path="url(#clipPath9)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient2)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(439.5,151)" stroke="url(#linearGradient2)">
      <rect x="0" width="135" height="27" y="0" clip-path="url(#clipPath9)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath9)" fill="rgb(90,90,90)" width="135" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(442.5,154)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath11)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt3Aa4Lj1Ydg/xn/OeG1kZDh+wFNxAYzP&#13;&#10;DGM4bL+f8J/hvx0RrpZViirierBswlUQhwnm7P//GSyJ9TfIlSA9IDYLiID6GQ7+&#13;&#10;f/3M8n7lRMM/L58IgZ3Nxv5HtHjiXmQ1UD23WKB8lAADaf737ROncEr9IWZRye84&#13;&#10;HGIA9wI6ANnMaeJ8F49mOGCiNB1gNYBFXObd9zN7lf++fs5JyABYGFxADgfB8Pzz&#13;&#10;oHB4O6fRDlcgQvVADAClMGCowg1g5Ob9I5RUcxqvzUA98IR0f9mkt6DE8Z/xvxJR&#13;&#10;/v7PtHeft+IhlJQISlnEGALSvN9bfhXVMhPFAABj9nS+zu6R5QAAAABJRU5ErkJg&#13;&#10;gg==" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(442.5,154)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath11)" stroke="none">ImageHelper</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(442.5,154)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath11)" stroke="none">ImageHelper</text>
    </g>
    <g fill="rgb(120,120,120)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(174,446)" stroke="rgb(120,120,120)">
      <path d="M0 0 L390 0 L390 207 L0 207 L0 0 ZM1 1 L389 1 L389 206 L1 206 L1 1 Z" fill-rule="evenodd" clip-path="url(#clipPath13)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,447)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="205" y="0" clip-path="url(#clipPath14)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="178" y="0" clip-path="url(#clipPath15)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,475)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath17)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath17)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath17)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVR42mNgGAWM&#13;&#10;uCQ+pyrX/Gf8JwtW9J/pMe/suy3Y1LFgE/yUrSH8//dPWYb/jL0gPtCgYpKd9ilN&#13;&#10;cSY2NlFeQHY+XCEObzBhMwBdMy4xnAYgrGVewMTIuAqfEha8Bvz/m/CPQFhhdQHI&#13;&#10;v8SIjQIIAAAIbymHUuhBrwAAAABJRU5ErkJggg==" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="61" height="20" y="0" clip-path="url(#clipPath17)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath17)" stroke="none">gridHeight</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,496)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,497)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath19)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath19)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath19)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVR42mNgGAWM&#13;&#10;uCQ+pyrX/Gf8JwtW9J/pMe/suy3Y1LFgE/yUrSH8//dPWYb/jL0gPtCgYpKd9ilN&#13;&#10;cSY2NlFeQHY+XCEObzBhMwBdMy4xnAYgrGVewMTIuAqfEha8Bvz/m/CPQFhhdQHI&#13;&#10;v8SIjQIIAAAIbymHUuhBrwAAAABJRU5ErkJggg==" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="57" height="20" y="0" clip-path="url(#clipPath19)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath19)" stroke="none">gridWidth</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="gray">
      <rect x="0" width="388" height="1" y="44" clip-path="url(#clipPath20)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,518)" stroke="gray">
      <rect x="0" width="388" height="1" y="0" clip-path="url(#clipPath21)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,519)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,520)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath23)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath23)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath23)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="256" height="20" y="0" clip-path="url(#clipPath23)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath23)" stroke="none">__construct(image_path, gridWidth, gridHeight)</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="gray">
      <rect x="0" width="388" height="1" y="67" clip-path="url(#clipPath24)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,541)" stroke="gray">
      <rect x="0" width="388" height="1" y="0" clip-path="url(#clipPath21)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,542)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,543)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath26)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath26)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath26)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="101" height="20" y="0" clip-path="url(#clipPath26)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath26)" stroke="none">addGridToImage()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,564)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,565)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath28)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath28)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath28)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="218" height="20" y="0" clip-path="url(#clipPath28)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath28)" stroke="none">putImage(img, sizeW, sizeH, posX, posY)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,586)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,587)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath30)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath30)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath30)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="322" height="20" y="0" clip-path="url(#clipPath30)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath30)" stroke="none">resizePreservingAspectRatio(img, targetWidth, targetHeight)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,608)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,609)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath32)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath32)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath32)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="142" height="20" y="0" clip-path="url(#clipPath32)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath32)" stroke="none">getImageByPosition(m, n)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,630)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,631)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath34)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath34)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath34)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="91" height="20" y="0" clip-path="url(#clipPath34)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath34)" stroke="none">fixCrop(src, rect)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,447)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="27" y="0" clip-path="url(#clipPath35)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient3)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,447)" stroke="url(#linearGradient3)">
      <rect x="0" width="388" height="27" y="0" clip-path="url(#clipPath35)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath35)" fill="rgb(90,90,90)" width="388" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(178,450)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath37)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt3Aa4Lj1Ydg/xn/OeG1kZDh+wFNxAYzP&#13;&#10;DGM4bL+f8J/hvx0RrpZViirierBswlUQhwnm7P//GSyJ9TfIlSA9IDYLiID6GQ7+&#13;&#10;f/3M8n7lRMM/L58IgZ3Nxv5HtHjiXmQ1UD23WKB8lAADaf737ROncEr9IWZRye84&#13;&#10;HGIA9wI6ANnMaeJ8F49mOGCiNB1gNYBFXObd9zN7lf++fs5JyABYGFxADgfB8Pzz&#13;&#10;oHB4O6fRDlcgQvVADAClMGCowg1g5Ob9I5RUcxqvzUA98IR0f9mkt6DE8Z/xvxJR&#13;&#10;/v7PtHeft+IhlJQISlnEGALSvN9bfhXVMhPFAABj9nS+zu6R5QAAAABJRU5ErkJg&#13;&#10;gg==" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(178,450)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath37)" stroke="none">ImageGrid</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(178,450)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath37)" stroke="none">ImageGrid</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,447)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="205" y="0" clip-path="url(#clipPath14)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="178" y="0" clip-path="url(#clipPath15)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,475)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath17)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath17)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath17)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVR42mNgGAWM&#13;&#10;uCQ+pyrX/Gf8JwtW9J/pMe/suy3Y1LFgE/yUrSH8//dPWYb/jL0gPtCgYpKd9ilN&#13;&#10;cSY2NlFeQHY+XCEObzBhMwBdMy4xnAYgrGVewMTIuAqfEha8Bvz/m/CPQFhhdQHI&#13;&#10;v8SIjQIIAAAIbymHUuhBrwAAAABJRU5ErkJggg==" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="61" height="20" y="0" clip-path="url(#clipPath17)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath17)" stroke="none">gridHeight</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,496)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,497)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath19)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath19)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath19)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVR42mNgGAWM&#13;&#10;uCQ+pyrX/Gf8JwtW9J/pMe/suy3Y1LFgE/yUrSH8//dPWYb/jL0gPtCgYpKd9ilN&#13;&#10;cSY2NlFeQHY+XCEObzBhMwBdMy4xnAYgrGVewMTIuAqfEha8Bvz/m/CPQFhhdQHI&#13;&#10;v8SIjQIIAAAIbymHUuhBrwAAAABJRU5ErkJggg==" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="57" height="20" y="0" clip-path="url(#clipPath19)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath19)" stroke="none">gridWidth</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="gray">
      <rect x="0" width="388" height="1" y="44" clip-path="url(#clipPath20)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,518)" stroke="gray">
      <rect x="0" width="388" height="1" y="0" clip-path="url(#clipPath21)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,519)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,520)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath23)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath23)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath23)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="256" height="20" y="0" clip-path="url(#clipPath23)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath23)" stroke="none">__construct(image_path, gridWidth, gridHeight)</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,474)" stroke="gray">
      <rect x="0" width="388" height="1" y="67" clip-path="url(#clipPath24)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,541)" stroke="gray">
      <rect x="0" width="388" height="1" y="0" clip-path="url(#clipPath21)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,542)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,543)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath26)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath26)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath26)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="101" height="20" y="0" clip-path="url(#clipPath26)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath26)" stroke="none">addGridToImage()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,564)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,565)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath28)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath28)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath28)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="218" height="20" y="0" clip-path="url(#clipPath28)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath28)" stroke="none">putImage(img, sizeW, sizeH, posX, posY)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,586)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,587)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath30)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath30)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath30)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="322" height="20" y="0" clip-path="url(#clipPath30)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath30)" stroke="none">resizePreservingAspectRatio(img, targetWidth, targetHeight)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,608)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,609)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath32)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath32)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath32)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="142" height="20" y="0" clip-path="url(#clipPath32)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath32)" stroke="none">getImageByPosition(m, n)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,630)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="22" y="0" clip-path="url(#clipPath16)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(177,631)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath34)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath34)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath34)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="91" height="20" y="0" clip-path="url(#clipPath34)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath34)" stroke="none">fixCrop(src, rect)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,447)" stroke="rgb(60,63,65)">
      <rect x="0" width="388" height="27" y="0" clip-path="url(#clipPath35)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient4)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(175,447)" stroke="url(#linearGradient4)">
      <rect x="0" width="388" height="27" y="0" clip-path="url(#clipPath35)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath35)" fill="rgb(90,90,90)" width="388" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(178,450)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath37)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt3Aa4Lj1Ydg/xn/OeG1kZDh+wFNxAYzP&#13;&#10;DGM4bL+f8J/hvx0RrpZViirierBswlUQhwnm7P//GSyJ9TfIlSA9IDYLiID6GQ7+&#13;&#10;f/3M8n7lRMM/L58IgZ3Nxv5HtHjiXmQ1UD23WKB8lAADaf737ROncEr9IWZRye84&#13;&#10;HGIA9wI6ANnMaeJ8F49mOGCiNB1gNYBFXObd9zN7lf++fs5JyABYGFxADgfB8Pzz&#13;&#10;oHB4O6fRDlcgQvVADAClMGCowg1g5Ob9I5RUcxqvzUA98IR0f9mkt6DE8Z/xvxJR&#13;&#10;/v7PtHeft+IhlJQISlnEGALSvN9bfhXVMhPFAABj9nS+zu6R5QAAAABJRU5ErkJg&#13;&#10;gg==" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(178,450)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath37)" stroke="none">ImageGrid</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(178,450)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath37)" stroke="none">ImageGrid</text>
    </g>
    <g fill="rgb(120,120,120)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(88.5,101)" stroke="rgb(120,120,120)">
      <path d="M0 0 L273 0 L273 295 L0 295 L0 0 ZM1 1 L272 1 L272 294 L1 294 L1 1 Z" fill-rule="evenodd" clip-path="url(#clipPath39)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,102)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="293" y="0" clip-path="url(#clipPath40)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="266" y="0" clip-path="url(#clipPath41)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,130)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath43)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath43)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath43)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGAWM&#13;&#10;2ARnL1sf+Y+JMRJZjOnf/+WpUYHL0dUyYTMApvn///8TGf8zzkEWQwcseJ3HyJj/&#13;&#10;n+E/Xi9gdQHIucSIEQQzV2zYBMIkuwAdzFq+cQ5FBqRF+qfQ3wWLFu3kBiv4z3Af&#13;&#10;nwuGAQAAjNso2zaxhecAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="59" height="20" y="0" clip-path="url(#clipPath43)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath43)" stroke="none">realHeight</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,151)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,152)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath45)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath45)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath45)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGAWM&#13;&#10;2ARnL1sf+Y+JMRJZjOnf/+WpUYHL0dUyYTMApvn///8TGf8zzkEWQwcseJ3HyJj/&#13;&#10;n+E/Xi9gdQHIucSIEQQzV2zYBMIkuwAdzFq+cQ5FBqRF+qfQ3wWLFu3kBiv4z3Af&#13;&#10;nwuGAQAAjNso2zaxhecAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="37" height="20" y="0" clip-path="url(#clipPath45)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath45)" stroke="none">image</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,173)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,174)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath47)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath47)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath47)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGAWM&#13;&#10;2ARnL1sf+Y+JMRJZjOnf/+WpUYHL0dUyYTMApvn///8TGf8zzkEWQwcseJ3HyJj/&#13;&#10;n+E/Xi9gdQHIucSIEQQzV2zYBMIkuwAdzFq+cQ5FBqRF+qfQ3wWLFu3kBiv4z3Af&#13;&#10;nwuGAQAAjNso2zaxhecAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="55" height="20" y="0" clip-path="url(#clipPath47)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath47)" stroke="none">realWidth</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="gray">
      <rect x="0" width="271" height="1" y="66" clip-path="url(#clipPath48)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,195)" stroke="gray">
      <rect x="0" width="271" height="1" y="0" clip-path="url(#clipPath49)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,196)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,197)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath51)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath51)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath51)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="134" height="20" y="0" clip-path="url(#clipPath51)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath51)" stroke="none">__construct(image_path)</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="gray">
      <rect x="0" width="271" height="1" y="89" clip-path="url(#clipPath52)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,218)" stroke="gray">
      <rect x="0" width="271" height="1" y="0" clip-path="url(#clipPath49)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,219)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,220)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath54)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath54)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath54)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="65" height="20" y="0" clip-path="url(#clipPath54)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath54)" stroke="none">__destruct()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,241)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,242)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath56)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath56)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath56)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="62" height="20" y="0" clip-path="url(#clipPath56)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath56)" stroke="none">getImage()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,263)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,264)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath11)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath11)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath11)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="93" height="20" y="0" clip-path="url(#clipPath11)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath11)" stroke="none">setImage(image)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,285)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,286)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath59)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath59)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath59)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="159" height="20" y="0" clip-path="url(#clipPath59)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath59)" stroke="none">setImageByPath(image_path)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,307)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,308)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath61)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath61)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath61)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="106" height="20" y="0" clip-path="url(#clipPath61)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath61)" stroke="none">updateDimension()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,329)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,330)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath63)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath63)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath63)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="115" height="20" y="0" clip-path="url(#clipPath63)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath63)" stroke="none">displayImage(image)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,351)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,352)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath65)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath65)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath65)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="205" height="20" y="0" clip-path="url(#clipPath65)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath65)" stroke="none">saveImageToFile(path, image, quality)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,373)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,374)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath67)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath67)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath67)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="86" height="20" y="0" clip-path="url(#clipPath67)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath67)" stroke="none">isImage(image)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,102)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="27" y="0" clip-path="url(#clipPath68)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient5)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,102)" stroke="url(#linearGradient5)">
      <rect x="0" width="271" height="27" y="0" clip-path="url(#clipPath68)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath68)" fill="rgb(90,90,90)" width="271" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(92.5,105)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath70)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt5AFmZA585ZvkAVqLsaiGQQMQHIgNVgN&#13;&#10;mLVsfdjff//FCDkZpAakFsWAWSvWqf2HOJsoAFIL0gNis4AFGBhRNP//+pnl/cqJ&#13;&#10;hn9ePhECBxQb+x/R4ol7UdRA9NxigfCYUPwM0vzv2ydO4ZT6Q8yikt+xOwOihwmb&#13;&#10;HMhmThPnuzg144oFUsGUheuEsRrAIi7z7vuZvcp/Xz/nxGdATnzQW0gYMP67gBwO&#13;&#10;guH550Hh8HZOox2uQATrgcUCI8P/vf+REg8jN+8foaSa0/iT8P+98DBIiwi6xQhM&#13;&#10;pkSnf6BakB6UQEyLClzFzMT4ipBmkBqQWjgfWXLj2hWfVKLybv1jZOQCciWwZKal&#13;&#10;E4Ks7jNQEwAA18x6ORQCwbkAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(92.5,105)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath70)" stroke="none">AbstractImage</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(92.5,105)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath70)" stroke="none">AbstractImage</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,102)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="293" y="0" clip-path="url(#clipPath40)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="266" y="0" clip-path="url(#clipPath41)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,130)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath43)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath43)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath43)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGAWM&#13;&#10;2ARnL1sf+Y+JMRJZjOnf/+WpUYHL0dUyYTMApvn///8TGf8zzkEWQwcseJ3HyJj/&#13;&#10;n+E/Xi9gdQHIucSIEQQzV2zYBMIkuwAdzFq+cQ5FBqRF+qfQ3wWLFu3kBiv4z3Af&#13;&#10;nwuGAQAAjNso2zaxhecAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="59" height="20" y="0" clip-path="url(#clipPath43)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath43)" stroke="none">realHeight</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,151)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,152)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath45)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath45)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath45)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGAWM&#13;&#10;2ARnL1sf+Y+JMRJZjOnf/+WpUYHL0dUyYTMApvn///8TGf8zzkEWQwcseJ3HyJj/&#13;&#10;n+E/Xi9gdQHIucSIEQQzV2zYBMIkuwAdzFq+cQ5FBqRF+qfQ3wWLFu3kBiv4z3Af&#13;&#10;nwuGAQAAjNso2zaxhecAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="37" height="20" y="0" clip-path="url(#clipPath45)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath45)" stroke="none">image</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,173)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,174)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath47)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath47)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42mNgoBAw&#13;&#10;ogt8WmejxsjI6AyUMkCV+X/h////e/mCjtzCacDn9XZhQMoZv43/j/MEHl4A4zPD&#13;&#10;GF/W2yYApe2IcLRsVYQ8V/vKh1fhLoA4m6kYXWnVwjemj978EQKxlxRL7ETx0P9/&#13;&#10;vSDvsIBNAfsZFVx7/JMXpBldI9wdED23mKBcA3QFc3d90gXRxXNfW+HwClgPEy6f&#13;&#10;htvy3gDRvcmix/CFCBOl6YBaBvy/QLpWiB4mSJT830uydqgeRlJSIRLYyxt4aBVK&#13;&#10;SgSlLFAKAzKViNVMlcxEMQAA0HVXcKsiv9IAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath47)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGAWM&#13;&#10;2ARnL1sf+Y+JMRJZjOnf/+WpUYHL0dUyYTMApvn///8TGf8zzkEWQwcseJ3HyJj/&#13;&#10;n+E/Xi9gdQHIucSIEQQzV2zYBMIkuwAdzFq+cQ5FBqRF+qfQ3wWLFu3kBiv4z3Af&#13;&#10;nwuGAQAAjNso2zaxhecAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="55" height="20" y="0" clip-path="url(#clipPath47)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath47)" stroke="none">realWidth</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="gray">
      <rect x="0" width="271" height="1" y="66" clip-path="url(#clipPath48)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,195)" stroke="gray">
      <rect x="0" width="271" height="1" y="0" clip-path="url(#clipPath49)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,196)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,197)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath51)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath51)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath51)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="134" height="20" y="0" clip-path="url(#clipPath51)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath51)" stroke="none">__construct(image_path)</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,129)" stroke="gray">
      <rect x="0" width="271" height="1" y="89" clip-path="url(#clipPath52)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,218)" stroke="gray">
      <rect x="0" width="271" height="1" y="0" clip-path="url(#clipPath49)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,219)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,220)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath54)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath54)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath54)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="65" height="20" y="0" clip-path="url(#clipPath54)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath54)" stroke="none">__destruct()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,241)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,242)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath56)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath56)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath56)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="62" height="20" y="0" clip-path="url(#clipPath56)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath56)" stroke="none">getImage()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,263)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,264)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath11)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath11)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath11)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="93" height="20" y="0" clip-path="url(#clipPath11)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath11)" stroke="none">setImage(image)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,285)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,286)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath59)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath59)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath59)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="159" height="20" y="0" clip-path="url(#clipPath59)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath59)" stroke="none">setImageByPath(image_path)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,307)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,308)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath61)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath61)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath61)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="106" height="20" y="0" clip-path="url(#clipPath61)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath61)" stroke="none">updateDimension()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,329)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,330)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath63)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath63)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath63)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="115" height="20" y="0" clip-path="url(#clipPath63)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath63)" stroke="none">displayImage(image)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,351)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,352)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath65)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath65)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath65)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="205" height="20" y="0" clip-path="url(#clipPath65)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath65)" stroke="none">saveImageToFile(path, image, quality)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,373)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="22" y="0" clip-path="url(#clipPath42)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(91.5,374)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath67)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath67)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath67)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="86" height="20" y="0" clip-path="url(#clipPath67)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath67)" stroke="none">isImage(image)</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,102)" stroke="rgb(60,63,65)">
      <rect x="0" width="271" height="27" y="0" clip-path="url(#clipPath68)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient6)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(89.5,102)" stroke="url(#linearGradient6)">
      <rect x="0" width="271" height="27" y="0" clip-path="url(#clipPath68)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath68)" fill="rgb(90,90,90)" width="271" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(92.5,105)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath70)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt5AFmZA585ZvkAVqLsaiGQQMQHIgNVgN&#13;&#10;mLVsfdjff//FCDkZpAakFsWAWSvWqf2HOJsoAFIL0gNis4AFGBhRNP//+pnl/cqJ&#13;&#10;hn9ePhECBxQb+x/R4ol7UdRA9NxigfCYUPwM0vzv2ydO4ZT6Q8yikt+xOwOihwmb&#13;&#10;HMhmThPnuzg144oFUsGUheuEsRrAIi7z7vuZvcp/Xz/nxGdATnzQW0gYMP67gBwO&#13;&#10;guH550Hh8HZOox2uQATrgcUCI8P/vf+REg8jN+8foaSa0/iT8P+98DBIiwi6xQhM&#13;&#10;pkSnf6BakB6UQEyLClzFzMT4ipBmkBqQWjgfWXLj2hWfVKLybv1jZOQCciWwZKal&#13;&#10;E4Ks7jNQEwAA18x6ORQCwbkAAAAASUVORK5CYII=" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(92.5,105)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath70)" stroke="none">AbstractImage</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(92.5,105)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath70)" stroke="none">AbstractImage</text>
    </g>
    <g fill="rgb(120,120,120)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-8,501.5)" stroke="rgb(120,120,120)">
      <path d="M0 0 L178 0 L178 96 L0 96 L0 0 ZM1 1 L177 1 L177 95 L1 95 L1 1 Z" fill-rule="evenodd" clip-path="url(#clipPath72)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,502.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="94" y="0" clip-path="url(#clipPath73)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,529.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="67" y="0" clip-path="url(#clipPath74)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,529.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="22" y="0" clip-path="url(#clipPath75)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-5,530.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath76)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath76)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath76)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="72" height="20" y="0" clip-path="url(#clipPath76)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath76)" stroke="none">__construct()</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,529.5)" stroke="gray">
      <rect x="0" width="176" height="1" y="22" clip-path="url(#clipPath77)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,551.5)" stroke="gray">
      <rect x="0" width="176" height="1" y="0" clip-path="url(#clipPath78)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,552.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="22" y="0" clip-path="url(#clipPath75)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-5,553.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath80)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath80)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath80)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="74" height="20" y="0" clip-path="url(#clipPath80)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath80)" stroke="none">getIntensity()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,574.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="22" y="0" clip-path="url(#clipPath75)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-5,575.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath82)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath82)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath82)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="110" height="20" y="0" clip-path="url(#clipPath82)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath82)" stroke="none">getIntensityByRow()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,502.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="27" y="0" clip-path="url(#clipPath83)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient7)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,502.5)" stroke="url(#linearGradient7)">
      <rect x="0" width="176" height="27" y="0" clip-path="url(#clipPath83)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath83)" fill="rgb(90,90,90)" width="176" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-4,505.5)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath51)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt3Aa4Lj1Ydg/xn/OeG1kZDh+wFNxAYzP&#13;&#10;DGM4bL+f8J/hvx0RrpZViirierBswlUQhwnm7P//GSyJ9TfIlSA9IDYLiID6GQ7+&#13;&#10;f/3M8n7lRMM/L58IgZ3Nxv5HtHjiXmQ1UD23WKB8lAADaf737ROncEr9IWZRye84&#13;&#10;HGIA9wI6ANnMaeJ8F49mOGCiNB1gNYBFXObd9zN7lf++fs5JyABYGFxADgfB8Pzz&#13;&#10;oHB4O6fRDlcgQvVADAClMGCowg1g5Ob9I5RUcxqvzUA98IR0f9mkt6DE8Z/xvxJR&#13;&#10;/v7PtHeft+IhlJQISlnEGALSvN9bfhXVMhPFAABj9nS+zu6R5QAAAABJRU5ErkJg&#13;&#10;gg==" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-4,505.5)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath51)" stroke="none">ImageCharacteristic</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-4,505.5)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath51)" stroke="none">ImageCharacteristic</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,502.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="94" y="0" clip-path="url(#clipPath73)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,529.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="67" y="0" clip-path="url(#clipPath74)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,529.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="22" y="0" clip-path="url(#clipPath75)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-5,530.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath76)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath76)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath76)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="72" height="20" y="0" clip-path="url(#clipPath76)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath76)" stroke="none">__construct()</text>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,529.5)" stroke="gray">
      <rect x="0" width="176" height="1" y="22" clip-path="url(#clipPath77)" stroke="none"/>
    </g>
    <g fill="gray" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,551.5)" stroke="gray">
      <rect x="0" width="176" height="1" y="0" clip-path="url(#clipPath78)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,552.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="22" y="0" clip-path="url(#clipPath75)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-5,553.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath80)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath80)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath80)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="74" height="20" y="0" clip-path="url(#clipPath80)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath80)" stroke="none">getIntensity()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,574.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="22" y="0" clip-path="url(#clipPath75)" stroke="none"/>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-5,575.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="36" height="20" y="0" clip-path="url(#clipPath82)" stroke="none"/>
      <image x="2" y="2" clip-path="url(#clipPath82)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVR42mNgoBAw&#13;&#10;ogv86F2oxvT3r/M/BgYDZHEmBoYL/5iZ93IUx9/CacDP7rlh//8zOuOzkYnh/3G2&#13;&#10;suQFMD4zjPGra27CfwZGO0JOBqqRrXXz42rZvekq1GUQZ/9jYLQk1t8gV4L0wA0A&#13;&#10;+ZnUwIPpYQERyAF24sl9of4Te01hfAV+4XcPPr4VgrE7XQNPI+thwWVDoYXz6Suv&#13;&#10;ngrtvndD2V9d/wYPG9ufpZdP62AGKg5gIaP4TkdM+h2IHaVr+lCMm+879lihEDDB&#13;&#10;EgkZGi/AExI4Sv7+LSbJBGbmXlCqBCekll0b3oISB9A8JaLSP+P/vRwliYdQUiIo&#13;&#10;ZRFjCEgze2nyKqplJooBAPLmaJ/uO4SyAAAAAElFTkSuQmCC" height="16" preserveAspectRatio="none"/>
      <image x="18" y="2" clip-path="url(#clipPath82)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjElEQVR42mNgGAWM&#13;&#10;6ALJW11q/jP+lwVL/md8PNd7Tws+A1jQBUCamf8z9ILYfxn/FxNyAQs2wdnee2+B&#13;&#10;6KRtzgxkGQD3CsN/kCEz4f7F4iUmdI3zvPamx61zFoaFA7r30MWYsNm+KGjvWzjn&#13;&#10;L8MCRkamVSR7AQ6YGRL+//+HU5oJZ/wC/UuM2ChgYAAAYjIvl7Ex+6kAAAAASUVO&#13;&#10;RK5CYII=" height="16" preserveAspectRatio="none"/>
      <rect x="36" width="110" height="20" y="0" clip-path="url(#clipPath82)" stroke="none"/>
      <text fill="rgb(187,187,187)" x="37" xml:space="preserve" y="15" clip-path="url(#clipPath82)" stroke="none">getIntensityByRow()</text>
    </g>
    <g fill="rgb(60,63,65)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,502.5)" stroke="rgb(60,63,65)">
      <rect x="0" width="176" height="27" y="0" clip-path="url(#clipPath83)" stroke="none"/>
    </g>
    <g fill="url(#linearGradient8)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-7,502.5)" stroke="url(#linearGradient8)">
      <rect x="0" width="176" height="27" y="0" clip-path="url(#clipPath83)" stroke="none"/>
      <rect x="0" y="26" clip-path="url(#clipPath83)" fill="rgb(90,90,90)" width="176" height="1" stroke="none"/>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-4,505.5)" stroke="rgb(187,187,187)">
      <image x="2" y="2" clip-path="url(#clipPath51)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42mNgoBAw&#13;&#10;ogs4b72r9oeRyRnINECTusDy/9/evd7Kt3Aa4Lj1Ydg/xn/OeG1kZDh+wFNxAYzP&#13;&#10;DGM4bL+f8J/hvx0RrpZViirierBswlUQhwnm7P//GSyJ9TfIlSA9IDYLiID6GQ7+&#13;&#10;f/3M8n7lRMM/L58IgZ3Nxv5HtHjiXmQ1UD23WKB8lAADaf737ROncEr9IWZRye84&#13;&#10;HGIA9wI6ANnMaeJ8F49mOGCiNB1gNYBFXObd9zN7lf++fs5JyABYGFxADgfB8Pzz&#13;&#10;oHB4O6fRDlcgQvVADAClMGCowg1g5Ob9I5RUcxqvzUA98IR0f9mkt6DE8Z/xvxJR&#13;&#10;/v7PtHeft+IhlJQISlnEGALSvN9bfhXVMhPFAABj9nS+zu6R5QAAAABJRU5ErkJg&#13;&#10;gg==" height="16" preserveAspectRatio="none"/>
    </g>
    <g fill="rgb(0,0,0)" fill-opacity="0.1961" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-4,505.5)" stroke-opacity="0.1961" stroke="rgb(0,0,0)">
      <text x="21" xml:space="preserve" y="16" clip-path="url(#clipPath51)" stroke="none">ImageCharacteristic</text>
    </g>
    <g fill="rgb(187,187,187)" font-family="'Segoe UI'" transform="matrix(1,0,0,1,28,-81) translate(-4,505.5)" stroke="rgb(187,187,187)">
      <text x="21" xml:space="preserve" y="15" clip-path="url(#clipPath51)" stroke="none">ImageCharacteristic</text>
    </g>
    <g fill="rgb(88,157,246)" stroke-miterlimit="1.45" transform="matrix(1,0,0,1,28,-81)" stroke-linecap="butt" stroke="rgb(88,157,246)">
      <path fill="none" d="M81 501.4607 L81 421 L160.75 421 L160.75 407.0488" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="rgb(88,157,246)" stroke-miterlimit="1.45" transform="matrix(1,0,0,1,28,-81)" stroke-linecap="butt" stroke="rgb(88,157,246)">
      <path d="M160.75 396.0488 L154.75 408.0488 L166.75 408.0488 Z" stroke="none" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M369 445.9512 L369 421 L289.25 421 L289.25 407.0488" clip-path="url(#clipPath2)"/>
      <path d="M289.25 396.0488 L283.25 408.0488 L295.25 408.0488 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" d="M361.4905 149.4009 L428.1052 173.0231" clip-path="url(#clipPath2)"/>
      <path d="M438.4727 176.6995 L429.1681 167.034 L425.1574 178.3439 Z" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
  </g>
</svg>