[vcl4php-developers] Canvas sample error

[Gary <z0...@40...>]

Something in the underlying files must have changed and the sample errors
looking for findObj.

I had to add 

<script type="text/javascript" src="/vcl-bin/js/common.js"></script>

to TestCanvas.php

And fwiw I converted it to be a mini demo for paintbox.

       public $PaintBox1 = null;
       function PaintBox1JSClick($sender, $params)
       {

       ?>
  PaintBox1_Canvas.setColor("#000000");
  PaintBox1_Canvas.fillEllipse(10 + 1, 150+ 1, 60-10+1, 200-150+1);
  PaintBox1_Canvas.paint();
         <?php

       }

       function PaintBox1Paint($sender, $params)
       {     ?>
  PaintBox1_Canvas.setColor("#000000");
  PaintBox1_Canvas.fillEllipse(10 + 1, 150+ 1, 60-10+1, 200-150+1);
  PaintBox1_Canvas.setStroke(2);
  PaintBox1_Canvas.setColor("#00FFFF");
  PaintBox1_Canvas.drawEllipse(10, 150, 60-10+1, 200-150+1);
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.fillRect(70, 150, 120 - 70, 200 - 150);
  PaintBox1_Canvas.setColor("#00FF00");
  PaintBox1_Canvas.fillRect(230 + 10, 150, 151 - 20, 151);
  PaintBox1_Canvas.fillRect(230, 150 + 10, 151, 151 - 20);
  PaintBox1_Canvas.setStroke(2);
  PaintBox1_Canvas.setColor("#FF00FF");
  PaintBox1_Canvas.drawLine(230 + 10, 150, 380 - 10, 150);
  PaintBox1_Canvas.drawLine(230 + 10, 300, 380 - 10, 300);
  PaintBox1_Canvas.drawLine(230, 150 + 10, 230, 300 - 10);
  PaintBox1_Canvas.drawLine(380, 150 + 10, 380, 300 - 10);
  PaintBox1_Canvas.fillArc(230, 150, 20, 20, 90, 180);
  PaintBox1_Canvas.fillArc(380 - 20 + 2, 150, 20, 20 + 2, 0, 90);
  PaintBox1_Canvas.fillArc(230, 300 - 20 + 2, 20, 20, 180, 270);
  PaintBox1_Canvas.fillArc(380 - 20 + 2, 300 - 20 + 2, 20, 20, 270, 360);
  PaintBox1_Canvas.setColor("#00FF00");
  PaintBox1_Canvas.fillArc(230 + 2, 150 + 2, 20 - 2, 20 - 2, 90, 180);
  PaintBox1_Canvas.fillArc(380 - 20 + 2, 150 + 2, 20 - 2, 20 - 2, 0, 90);
  PaintBox1_Canvas.fillArc(230 + 2, 300 - 20, 20, 20, 180, 270);
  PaintBox1_Canvas.fillArc(380 - 20, 300 - 20, 20, 20, 270, 360);
  PaintBox1_Canvas.fillRect(30, 120, 150 - 30 + 1, 170 - 120 + 1);
  PaintBox1_Canvas.setStroke(2);
  PaintBox1_Canvas.setColor("#FF00FF");
  PaintBox1_Canvas.drawRect(30, 120, 150 - 30 + 1, 170 - 120 + 1);
  PaintBox1_Canvas.setFont("Verdana", "10px", "fsOblique");
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.drawString("Canvas Test", 10, 5);
  PaintBox1_Canvas.setFont("Verdana", "10px", "fsNormal");
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.drawString("Brush color=#00FF00", 10, 20);
  PaintBox1_Canvas.setFont("Verdana", "10px", "fsNormal");
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.drawString("Font Name=Verdana", 10, 35);
  PaintBox1_Canvas.setFont("Verdana", "10px", "fsNormal");
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.drawString("Font Size=10px", 10, 50);
  PaintBox1_Canvas.setFont("Verdana", "10px", "fsNormal");
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.drawString("Pen Color=#FF00FF", 10, 65);
  PaintBox1_Canvas.setFont("Verdana", "10px", "fsNormal");
  PaintBox1_Canvas.setColor("#FF0000");
  PaintBox1_Canvas.drawString("Pen Width=2", 10, 80);
  PaintBox1_Canvas.drawLine(10, 115, 200, 115);
       <?php
       }