From 6dc8cad13edbbc134f7f53f833b3b08021dda1c8 Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Mon, 12 Jul 2021 23:45:10 +0300
Subject: [PATCH] shapeRendering option

---
 index.html            | 12 ++++++++++++
 modules/load.js       |  1 +
 modules/ui/options.js |  4 ++++
 3 files changed, 17 insertions(+)

diff --git a/index.html b/index.html
index 4bd3e984..0b2c9e7a 100644
--- a/index.html
+++ b/index.html
@@ -1278,6 +1278,18 @@
             </td>
           </tr>
 
+          <tr data-tip="Select shape rendering model">
+            <td></td>
+            <td>Shape rendering</td>
+            <td>
+              <select id="shapeRendering" data-stored="shapeRendering">
+                <option value="geometricPrecision" selected>Best quality</option>
+                <option value="optimizeSpeed">Best performace</option>
+              </select>
+            </td>
+            <td></td>
+          </tr>
+
           <!-- <tr data-tip="Select language (not all languages are fully supported). Reload the page to apply">
             <td></td>
             <td>Language</td>
diff --git a/modules/load.js b/modules/load.js
index 04a7a01b..a8a33ac0 100644
--- a/modules/load.js
+++ b/modules/load.js
@@ -804,6 +804,7 @@ function parseLoadedData(data) {
     // set options
     yearInput.value = options.year;
     eraInput.value = options.era;
+    shapeRendering.value = viewbox.attr("shape-rendering") || "geometricPrecision";
 
     if (window.restoreDefaultEvents) restoreDefaultEvents();
     focusOn(); // based on searchParams focus on point, cell or burg
diff --git a/modules/ui/options.js b/modules/ui/options.js
index 2a9fe433..72b15ed4 100644
--- a/modules/ui/options.js
+++ b/modules/ui/options.js
@@ -157,6 +157,7 @@ optionsContent.addEventListener("change", function (event) {
   if (id === "zoomExtentMin" || id === "zoomExtentMax") changeZoomExtent(value);
   else if (id === "optionsSeed") generateMapWithSeed();
   else if (id === "uiSizeInput" || id === "uiSizeOutput") changeUIsize(value);
+  if (id === "shapeRendering") viewbox.attr("shape-rendering", value);
   else if (id === "yearInput") changeYear();
   else if (id === "eraInput") changeEra();
 });
@@ -494,6 +495,9 @@ function applyStoredOptions() {
   const height = +params.get("height");
   if (width) mapWidthInput.value = width;
   if (height) mapHeightInput.value = height;
+
+  // set shape rendering
+  viewbox.attr("shape-rendering", shapeRendering.value);
 }
 
 // randomize options if randomization is allowed (not locked or options='default')