chromium/tools/perf/page_sets/simple_canvas/docs_table.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body></body>
<script>
  document.body.style.background = "#eee";
  const canvas = document.createElement("canvas");
  canvas.width = 1000;
  canvas.height = 2000;
  document.body.appendChild(canvas);
  const ctx = canvas.getContext('2d');

  function frame() {
    ctx.clearRect(0,0,1000,1000);
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 1353, 2023);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 950, 734);
    ctx.clip();
    ctx.fillStyle = "rgba(255,255,255,1)";
    ctx.fillRect(0, 0, 950, 734);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 1353, 2023);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 950, 734);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 474.89999771118164, 734);
    ctx.clip();
    ctx.fillStyle = "rgba(217,234,211,1)";
    ctx.fillRect(86.39999771118163, 411.99999189376825, 82, 58);
    ctx.fillStyle = "rgba(252,229,205,1)";
    ctx.fillRect(168.39999771118164, 411.99999189376825, 75, 58);
    ctx.fillStyle = "rgba(230,184,175,1)";
    ctx.fillRect(86.39999771118163, 469.99999189376825, 157, 34);
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(474.89999771118164, 0, 475.10000228881836, 734);
    ctx.clip();
    ctx.fillStyle = "rgba(201,218,248,1)";
    ctx.fillRect(496.39999771118164, 104.39999723434447, 71, 135);
    ctx.fillStyle = "rgba(207,226,243,1)";
    ctx.fillRect(567.3999977111816, 104.39999723434447, 286, 71);
    ctx.fillStyle = "rgba(208,224,227,1)";
    ctx.fillRect(567.3999977111816, 175.39999723434448, 82, 64);
    ctx.fillStyle = "rgba(252,229,205,1)";
    ctx.fillRect(649.3999977111816, 175.39999723434448, 22, 129);
    ctx.fillStyle = "rgba(217,210,233,1)";
    ctx.fillRect(671.3999977111816, 175.39999723434448, 182, 39);
    ctx.fillStyle = "rgba(244,204,204,1)";
    ctx.fillRect(671.3999977111816, 214.39999723434448, 182, 149);
    ctx.fillStyle = "rgba(217,234,211,1)";
    ctx.fillRect(496.39999771118164, 239.39999723434448, 153, 65);
    ctx.fillStyle = "rgba(230,184,175,1)";
    ctx.fillRect(496.39999771118164, 304.3999972343445, 175, 59);
    ctx.fillStyle = "rgba(246,178,107,1)";
    ctx.fillRect(496.39999771118164, 399.39999437332153, 38, 124);
    ctx.fillStyle = "rgba(201,218,248,1)";
    ctx.fillRect(534.3999977111816, 399.39999437332153, 67, 44);
    ctx.fillStyle = "rgba(255,0,0,1)";
    ctx.fillRect(601.3999977111816, 399.39999437332153, 49, 44);
    ctx.fillStyle = "rgba(109,158,235,1)";
    ctx.fillRect(650.3999977111816, 399.39999437332153, 32, 92);
    ctx.fillStyle = "rgba(217,234,211,1)";
    ctx.fillRect(534.3999977111816, 443.39999437332153, 116, 48);
    ctx.fillStyle = "rgba(153,0,255,1)";
    ctx.fillRect(534.3999977111816, 491.39999437332153, 35, 32);
    ctx.fillStyle = "rgba(204,0,0,1)";
    ctx.fillRect(569.3999977111816, 491.39999437332153, 81, 32);
    ctx.fillStyle = "rgba(230,184,175,1)";
    ctx.fillRect(650.3999977111816, 491.39999437332153, 32, 32);
    ctx.fillStyle = "rgba(246,178,107,1)";
    ctx.fillRect(496.39999771118164, 523.3999943733215, 38, 44);
    ctx.fillStyle = "rgba(201,218,248,1)";
    ctx.fillRect(534.3999977111816, 523.3999943733215, 67, 44);
    ctx.fillStyle = "rgba(255,0,0,1)";
    ctx.fillRect(601.3999977111816, 523.3999943733215, 49, 44);
    ctx.fillStyle = "rgba(109,158,235,1)";
    ctx.fillRect(650.3999977111816, 523.3999943733215, 32, 44);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 1353, 2023);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 950, 734);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 474.89999771118164, 734);
    ctx.clip();
    ctx.save();
    ctx.translate(86.39999771118163, 86.39999771118163);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 105.39999723434447, 55, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 111.39999723434447);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 105.39999723434447, 41, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(148.39999771118164, 111.39999723434447);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 105.39999723434447, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 111.39999723434447);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 134.59999680519104, 55, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 140.59999680519104);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 134.59999680519104, 41, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(148.39999771118164, 140.59999680519104);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 134.59999680519104, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 140.59999680519104);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 163.7999963760376, 162, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 169.7999963760376);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 163.79999637603757, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(143.39999771118164, 163.79999637603757);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 163.79999637603757, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(185.39999771118164, 163.79999637603757);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 192.99999594688413, 55, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 198.99999594688413);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 192.99999594688413, 41, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(148.39999771118164, 198.99999594688413);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 192.99999594688413, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 198.99999594688413);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 222.19999551773068, 55, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 228.19999551773068);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 222.19999551773068, 41, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(148.39999771118164, 228.19999551773068);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 222.19999551773068, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 228.19999551773068);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(86.39999771118163, 251.3999950885772);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(86.39999771118163, 269.39999461174006);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 288.3999941349029, 55, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 294.3999941349029);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 288.3999941349029, 41, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(148.39999771118164, 294.3999941349029);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 288.3999941349029, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 294.3999941349029);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 317.59999370574945, 55, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 323.59999370574945);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 317.59999370574945, 41, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(148.39999771118164, 323.59999370574945);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 317.59999370574945, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 323.59999370574945);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(87.39999771118163, 346.799993276596, 97, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 352.799993276596);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(143.39999771118164, 346.799993276596, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(143.39999771118164, 346.799993276596);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(185.39999771118164, 346.799993276596, 64, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(190.39999771118164, 352.799993276596);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(86.39999771118163, 375.99999284744257);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(86.39999771118163, 393.9999923706054);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(88.39999771118163, 415.99999189376825, 78, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 421.99999189376825);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(129.39999771118164, 415.99999189376825, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(129.39999771118164, 415.99999189376825);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(170.39999771118164, 415.99999189376825, 71, 51.599998950958245);
    ctx.clip();
    ctx.save();
    ctx.translate(174.39999771118164, 421.99999189376825);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Resize‬", 0, 9.215999755859373);
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭me‬", 33.009033203125, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(174.39999771118164, 433.6999915838241);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(174.39999771118164, 445.39999127387995);
    ctx.save();
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭jj‬", 0, 12.67199966430664);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(88.39999771118163, 471.5999908447265, 153, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(92.39999771118163, 477.5999908447265);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(129.39999771118164, 471.5999908447265, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(129.39999771118164, 471.5999908447265);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(170.39999771118164, 471.5999908447265, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(170.39999771118164, 471.5999908447265);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(86.39999771118163, 503.79999041557306);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(86.39999771118163, 521.7999899387358);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(474.89999771118164, 0, 475.10000228881836, 734);
    ctx.clip();
    ctx.save();
    ctx.translate(496.39999771118164, 86.39999771118163);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 108.39999723434447, 67, 70.49999845027924);
    ctx.clip();
    ctx.save();
    ctx.translate(502.39999771118164, 114.39999723434447);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Lorem‬", 0, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(502.39999771118164, 126.09999692440032);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Ipsum‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭is‬", 30.867050170898438, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(502.39999771118164, 137.79999661445615);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭simply‬", 0, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(502.39999771118164, 149.499996304512);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭dummy‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭text‬", 34.06129455566406, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(502.39999771118164, 161.19999599456784);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭of‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭the‬", 10.649139404296875, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭printing‬", 26.62518310546875, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(569.3999977111816, 108.39999723434447, 282, 47.099999070167534);
    ctx.clip();
    ctx.save();
    ctx.translate(573.3999977111816, 114.39999723434447);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Lorem‬", 0, 9.215999755859373);
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Ipsum‬", 31.933364868164062, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭is‬", 62.8004150390625, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭simply‬", 72.37855529785156, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭dummy‬", 102.17927551269531, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭text‬", 136.24057006835938, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭of‬", 154.3398895263672, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭the‬", 164.98902893066406, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭printisssng‬", 180.96507263183594, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭and‬", 229.40762329101562, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(573.3999977111816, 126.09999692440032);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭typesetting‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭industry.‬", 48.985076904296875, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭Lorem‬", 87.13307189941406, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭Ipsum‬", 116.94314575195312, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭has‬", 145.68690490722656, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭been‬", 163.7908935546875, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭the‬", 187.75962829589844, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭industry'ss‬", 203.7356719970703, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(573.3999977111816, 137.79999661445615);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭standard‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭dummy‬", 39.93540954589844, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭text‬", 73.9967041015625, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭ever‬", 92.09602355957031, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭since‬", 113.38960266113281, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭the‬", 138.41061401367188, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭1500s‬", 154.38665771484375, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(651.3999977111816, 108.39999723434447, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(651.3999977111816, 108.39999723434447);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(673.3999977111816, 108.39999723434447, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(673.3999977111816, 108.39999723434447);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(764.3999977111816, 108.39999723434447, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(764.3999977111816, 108.39999723434447);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 177.39999723434448, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(498.39999771118164, 177.39999723434448);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(569.3999977111816, 177.39999723434448, 78, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(573.3999977111816, 183.39999723434448);
    ctx.save();
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭mm‬", 0, 12.67199966430664);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(651.3999977111816, 177.39999723434448, 18, 23.699999690055847);
    ctx.clip();
    ctx.save();
    ctx.translate(655.3999977111816, 183.39999723434448);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭f‬", 0, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(673.3999977111816, 177.39999723434448, 178, 35.399999380111694);
    ctx.clip();
    ctx.save();
    ctx.translate(677.3999977111816, 183.39999723434448);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Lorem‬", 0, 9.215999755859373);
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Ipsunnnnm‬", 31.933364868164062, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭is‬", 86.2032470703125, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭simply‬", 95.78138732910156, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(677.3999977111816, 195.09999692440033);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭dumhhhhhmggjhbvy‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭text‬", 88.92045593261719, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭of‬", 107.019775390625, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭the‬", 117.66891479492188, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(764.3999977111816, 177.39999723434448, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(764.3999977111816, 177.39999723434448);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 216.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(498.39999771118164, 216.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(569.3999977111816, 216.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(569.3999977111816, 216.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(651.3999977111816, 216.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(651.3999977111816, 216.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(673.3999977111816, 216.79999661445618, 178, 35.399999380111694);
    ctx.clip();
    ctx.save();
    ctx.translate(677.3999977111816, 222.79999661445618);
    ctx.save();
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Lorem‬", 0, 9.215999755859373);
    ctx.font = "normal 700 9.599999745686848px Arial";
    ctx.fillText("‭Ipsum‬", 31.933364868164062, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭is‬", 62.8004150390625, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭simply‬", 72.37855529785156, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭dumdfffbbghmy‬", 102.17927551269531, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(677.3999977111816, 234.49999630451202);
    ctx.save();
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭of‬", 0, 9.215999755859373);
    ctx.font = "normal 400 9.599999745686848px Arial";
    ctx.fillText("‭hhhhhhhhhhhhhggggghhggjjjh‬", 10.649139404296875, 9.215999755859373);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(764.3999977111816, 216.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(764.3999977111816, 216.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 241.79999661445618, 149, 60.59999871253966);
    ctx.clip();
    ctx.save();
    ctx.translate(502.39999771118164, 247.79999661445618);
    ctx.save();
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭Hello‬", 0, 12.67199966430664);
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭Mr.‬", 33.7156982421875, 12.67199966430664);
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭Palm‬", 55.69203186035156, 12.67199966430664);
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(502.39999771118164, 263.99999618530273);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(502.39999771118164, 280.1999957561493);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(569.3999977111816, 241.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(569.3999977111816, 241.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(651.3999977111816, 241.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(651.3999977111816, 241.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(673.3999977111816, 241.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(673.3999977111816, 241.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(764.3999977111816, 241.79999661445618, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(764.3999977111816, 241.79999661445618);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 306.39999532699585, 171, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(502.39999771118164, 312.39999532699585);
    ctx.save();
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭Phil‬", 0, 12.67199966430664);
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭Collins‬", 25.65380859375, 12.67199966430664);
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭was‬", 68.89309692382812, 12.67199966430664);
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭here.‬", 96.00860595703125, 12.67199966430664);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(569.3999977111816, 306.39999532699585, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(569.3999977111816, 306.39999532699585);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(651.3999977111816, 306.39999532699585, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(651.3999977111816, 306.39999532699585);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(673.3999977111816, 306.39999532699585, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(673.3999977111816, 306.39999532699585);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(764.3999977111816, 306.39999532699585, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(764.3999977111816, 306.39999532699585);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(496.39999771118164, 363.39999532699585);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(496.39999771118164, 381.3999948501587);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 403.39999437332153, 34, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(502.39999771118164, 409.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(536.3999977111816, 403.39999437332153, 63, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(540.3999977111816, 409.39999437332153);
    ctx.save();
    ctx.font = "normal 400 13.199999650319416px Arial";
    ctx.fillText("‭hhh‬", 0, 12.67199966430664);
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(571.3999977111816, 403.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(571.3999977111816, 403.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(603.3999977111816, 403.39999437332153, 45, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(607.3999977111816, 409.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(652.3999977111816, 403.39999437332153, 28, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(656.3999977111816, 409.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 445.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(498.39999771118164, 445.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(536.3999977111816, 445.39999437332153, 112, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(540.3999977111816, 451.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(571.3999977111816, 445.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(571.3999977111816, 445.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(603.3999977111816, 445.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(603.3999977111816, 445.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(652.3999977111816, 445.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(652.3999977111816, 445.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 493.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(498.39999771118164, 493.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(536.3999977111816, 493.39999437332153, 31, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(540.3999977111816, 499.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(571.3999977111816, 493.39999437332153, 77, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(575.3999977111816, 499.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(603.3999977111816, 493.39999437332153, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(603.3999977111816, 493.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(652.3999977111816, 493.39999437332153, 28, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(656.3999977111816, 499.39999437332153);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(498.39999771118164, 525.5999939441681, 34, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(502.39999771118164, 531.5999939441681);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(536.3999977111816, 525.5999939441681, 63, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(540.3999977111816, 531.5999939441681);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(571.3999977111816, 525.5999939441681, 0, 0);
    ctx.clip();
    ctx.save();
    ctx.translate(571.3999977111816, 525.5999939441681);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(603.3999977111816, 525.5999939441681, 45, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(607.3999977111816, 531.5999939441681);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(652.3999977111816, 525.5999939441681, 28, 28.199999570846554);
    ctx.clip();
    ctx.save();
    ctx.translate(656.3999977111816, 531.5999939441681);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(496.39999771118164, 567.5999939441681);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.translate(496.39999771118164, 585.5999934673309);
    ctx.save();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 1353, 2023);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 950, 734);
    ctx.clip();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 474.89999771118164, 734);
    ctx.clip();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.89999771118163, 104.39999723434447);
    ctx.lineTo(86.89999771118163, 250.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(142.89999771118164, 104.39999723434447);
    ctx.lineTo(142.89999771118164, 163.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(142.89999771118164, 191.39999723434448);
    ctx.lineTo(142.89999771118164, 250.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(184.89999771118164, 104.39999723434447);
    ctx.lineTo(184.89999771118164, 163.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(184.89999771118164, 191.39999723434448);
    ctx.lineTo(184.89999771118164, 250.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(249.89999771118164, 104.39999723434447);
    ctx.lineTo(249.89999771118164, 250.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 104.89999723434447);
    ctx.lineTo(250.39999771118164, 104.89999723434447);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 133.89999723434448);
    ctx.lineTo(250.39999771118164, 133.89999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 162.89999723434448);
    ctx.lineTo(250.39999771118164, 162.89999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 191.89999723434448);
    ctx.lineTo(250.39999771118164, 191.89999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 220.89999723434448);
    ctx.lineTo(250.39999771118164, 220.89999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 249.89999723434448);
    ctx.lineTo(250.39999771118164, 249.89999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.89999771118163, 287.3999941349029);
    ctx.lineTo(86.89999771118163, 375.3999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(142.89999771118164, 287.3999941349029);
    ctx.lineTo(142.89999771118164, 346.3999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(184.89999771118164, 287.3999941349029);
    ctx.lineTo(184.89999771118164, 375.3999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(249.89999771118164, 287.3999941349029);
    ctx.lineTo(249.89999771118164, 375.3999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 287.8999941349029);
    ctx.lineTo(250.39999771118164, 287.8999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 316.8999941349029);
    ctx.lineTo(250.39999771118164, 316.8999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 345.8999941349029);
    ctx.lineTo(250.39999771118164, 345.8999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 1;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 374.8999941349029);
    ctx.lineTo(250.39999771118164, 374.8999941349029);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(86.39999771118163, 411.99999189376825);
    ctx.lineTo(86.39999771118163, 503.99999189376825);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(168.39999771118164, 411.99999189376825);
    ctx.lineTo(168.39999771118164, 471.99999189376825);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(243.39999771118164, 411.99999189376825);
    ctx.lineTo(243.39999771118164, 503.99999189376825);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(84.39999771118163, 413.99999189376825);
    ctx.lineTo(245.39999771118164, 413.99999189376825);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(84.39999771118163, 469.99999189376825);
    ctx.lineTo(245.39999771118164, 469.99999189376825);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(84.39999771118163, 501.99999189376825);
    ctx.lineTo(245.39999771118164, 501.99999189376825);
    ctx.stroke();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(474.89999771118164, 0, 475.10000228881836, 734);
    ctx.clip();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(496.39999771118164, 104.39999723434447);
    ctx.lineTo(496.39999771118164, 363.3999972343445);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(567.3999977111816, 104.39999723434447);
    ctx.lineTo(567.3999977111816, 241.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(649.3999977111816, 173.39999723434448);
    ctx.lineTo(649.3999977111816, 306.3999972343445);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(671.3999977111816, 173.39999723434448);
    ctx.lineTo(671.3999977111816, 363.3999972343445);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(853.3999977111816, 104.39999723434447);
    ctx.lineTo(853.3999977111816, 363.3999972343445);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 106.39999723434447);
    ctx.lineTo(855.3999977111816, 106.39999723434447);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(565.3999977111816, 175.39999723434448);
    ctx.lineTo(855.3999977111816, 175.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(669.3999977111816, 214.39999723434448);
    ctx.lineTo(855.3999977111816, 214.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 239.39999723434448);
    ctx.lineTo(651.3999977111816, 239.39999723434448);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 304.3999972343445);
    ctx.lineTo(673.3999977111816, 304.3999972343445);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 361.3999972343445);
    ctx.lineTo(855.3999977111816, 361.3999972343445);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(496.39999771118164, 399.39999437332153);
    ctx.lineTo(496.39999771118164, 567.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(534.3999977111816, 399.39999437332153);
    ctx.lineTo(534.3999977111816, 567.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(569.3999977111816, 489.39999437332153);
    ctx.lineTo(569.3999977111816, 525.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(601.3999977111816, 399.39999437332153);
    ctx.lineTo(601.3999977111816, 445.39999437332153);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(601.3999977111816, 521.3999943733215);
    ctx.lineTo(601.3999977111816, 567.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(650.3999977111816, 399.39999437332153);
    ctx.lineTo(650.3999977111816, 567.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(682.3999977111816, 399.39999437332153);
    ctx.lineTo(682.3999977111816, 567.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 401.39999437332153);
    ctx.lineTo(684.3999977111816, 401.39999437332153);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(532.3999977111816, 443.39999437332153);
    ctx.lineTo(652.3999977111816, 443.39999437332153);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(532.3999977111816, 491.39999437332153);
    ctx.lineTo(684.3999977111816, 491.39999437332153);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 523.3999943733215);
    ctx.lineTo(684.3999977111816, 523.3999943733215);
    ctx.stroke();
    ctx.strokeStyle = "rgba(0,0,0,1)";
    ctx.lineWidth = 4;
    ctx.lineDashOffset = 0;
    ctx.setLineDash([]);
    ctx.lineCap = "butt";
    ctx.lineJoin = "miter";
    ctx.beginPath();
    ctx.moveTo(494.39999771118164, 565.3999943733215);
    ctx.lineTo(684.3999977111816, 565.3999943733215);
    ctx.stroke();
    ctx.restore();
    ctx.restore();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 1353, 2023);
    ctx.clip();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 0, 1353, 2023);
    ctx.clip();
    ctx.fillStyle = "rgba(0,0,0,0)";
    ctx.fillRect(821.4494514465332, 114.39999723434447, 1.0799999713897703, 11.519999694824216);
    ctx.restore();
    requestAnimationFrame(frame);
  }

  window.onload = function() {
    frame();
  }
</script>
</html>