気がついたらドット打ってた。

JavaScript canvas 
<html><head><title>ohige</title>
<script type="text/xaml" id="xaml"><?xml version="1.0"?>
  <Canvas xmlns="http://schemas.microsoft.com/client/2007"></Canvas></script>
<script src="http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-color.js/uupaa-color.mini.js"></script>
<script src="http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/uupaa-excanvas.mini.js"></script>
<script src="http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/uupaa-draw.mini.js"></script>
<script>
function boot(e) {
  var dot =
            "   11111    "+
            "  111111111 "+
            "  2223323   "+
            " 2323332333 "+
            " 23223332333"+
            " 2233332222 "+
            "   3333333  "+
            "  221222    "+
            " 2221221222 "+
            "222211112222"+
            "332131131233"+
            "331111111133"+
            "  111  111  "+
            " 222    222 "+
            "2222    2222";
  var ary = dot.split(""), data = [], i = 0, iz = ary.length;
  for (; i < iz; ++i) {
    switch (parseInt(ary[i]) || 0) {
    case 0: data.push(""); break;
    case 1: data.push("#FF3900"); break; // red
    case 2: data.push("#AD7B00"); break; // brown
    case 3: data.push("#FFA542"); break; // flesh
    }
  }
  uu.draw(document.getElementById('canvas')).scale(5, 5).icon(5, 25, 12, 15, data);
}
</script></head>
<body onload="uuClass.Canvas.ready(boot);">
  <canvas id="canvas" width="200" height="200" style="border: 1px solid black"></canvas>
</body></html>