Locate Previous Contents

For the Future ... Let’s Do It in VML!

What is VML?
VML stands for “Vector Markup Language” and is one of the better things that comes with Office2000 and IE5. It (at long last) allows you to embed drawing commands directly into your web page, for example here is the Dyadic Duck described in words ...

   <v:shape id="duck" href="http://www.dyadic.com" alt="Jump from here!"
      style='width:800; height:600'
      stroke="true" strokecolor="#006060" strokeweight="2pt"
      coordorigin="0, 0" coordsize="800, 600"
      fill="true" fillcolor="#00c0c0">
  
      <v:fill type="gradient" color2="fill darken(0)"
         method="linear sigma" angle="-135" focus="100%"/>
    
<v:path v="
 m   8, 272
 c  73, 217, 130, 209, 235, 261 
 c 339, 313, 358, 305, 388, 300
 c 418, 296, 427, 284, 441, 295
 c 489, 333, 428, 468, 505, 508
 c 544, 528, 588, 512, 621, 482
 c 654, 452, 682, 396, 749, 395
 c 729, 350, 721, 346, 616, 350
 c 511, 353, 538, 293, 595, 243
 c 622, 217, 675, 176, 659, 114
 c 643,  52, 573,  31, 496,  31
 c 419,  31, 220,  41, 144,  75
 c  74, 121,  10, 231,   8, 272
 x e"/>
   <v:shape>
<v:group>

The effect is very much the same as the bitmap version ...


... but you can see how much smaller the text can be than the picture it describes, and of course this has the added bonus that it will print nicely as well!

Note that the graphical drill-down is much simpler here, as it can all be done in-line in the HTML. Also, all the examples work exactly the same in Dyalog and APL+Win as there is no need to make PNG or GIF files – everything you need is already well catered for by good old ŒNAPPEND!



© Copyright Alan Sykes and Adrian Smith 1999