Added a div 'preview_tmp' as a precursor to a more efficient way of showing the doodle preview

css/fixedPosInterface.css

@@ -108,6 +108,11 @@ body {
   border-radius: 15px;
 }
 
+#preview_tmp {
+  /*border: 1px solid #8fc;*/
+  display: none;
+}
+
 #mycanvas, #preview {
   /*border: 1px solid #08c;*/
   float: left;

index.html

@@ -49,6 +49,7 @@
       <!--<path id="path" d="M200 100 L450 100 L450 350 L200 350 L200 100" fill="none" stroke="black" stroke-width="3"/>-->
     <!--</svg>-->
     <canvas id="preview"></canvas>
+    <canvas id="preview_tmp" width="150" height="125"></canvas>
     <div class="buttons cf">
       <div id="btnsUpDown">
         <div id="btnMoveUp"></div>
@@ -92,6 +93,7 @@
 <script src="js/init_layout.js"></script>
 <script src="js/Printer.js"></script>
 <!--<script src="js/draw_logic.js"></script>-->
+<script src="js/utils.js"></script>
 <script src="js/main.js"></script>
 
 </body>