var Dir ="D:\\Мои документы\\";
  var nsLocalFile = Components.Constructor("@mozilla.org/file/local;1",
                                           "nsILocalFile", "initWithPath");
  new nsLocalFile(Dir).reveal();

var _this = this;
var text="Мои документы"; // текст
var fontstyle = "13px tahoma";//стиль шрифта
//---размеры кнопки,смещение текста,размеры очищаемой области смотрим ниже


var canvas = document. createElementNS ("http://www.w3.org/1999/xhtml", "canvas");
canvas. setAttribute ("id1", "canvas");
//--------------- размеры кнопки ------------------------
canvas. setAttribute ("style", "min-width:16px;width:102px;max-width:200px;min-height:16px;height:16px;max-height:28px;");
canvas. setAttribute ("width", "102");
canvas. setAttribute ("height", "16");
//-------------------------------------------------------
_this. appendChild (canvas);
_this. image = "data:";
_this. setAttribute ("class", "");
var pn = _this. parentNode;
var ns = _this. nextSibling;
var button = pn. removeChild (this);
if (ns)
    pn. insertBefore (button, ns);
else
    pn. appendChild (button);

function drawtext(){
var ctx = canvas.getContext('2d');
ctx.save();
ctx. clearRect (0, 0, 90, 16); // размеры очищаемой области чтоб изображение не накладывалось на старое
ctx.restore();
  var width = canvas.width;
  var height = canvas.height;
  var ctx = canvas.getContext('2d');
  ctx.save();
  //----кусок рисующий строку, при необходимости добавить строки копируем его ниже и задаём свои параметры (цвет размер смещение стиль)
  ctx.translate(5, 14); //смещение текста
  ctx.mozTextStyle = fontstyle;
  ctx.fillText(text,0,0);
  //---------------------------------------------------------------------------------------
ctx.restore();
}
drawtext();