[LifeKent]

Здравствуйте ув.посетители форума, администрация. У меня вот такая проблема - перевод графики которая генерируется/рисуется с помощью Unicode в обычную растровую (.jpeg,.gif,.png). Что имеется, есть функция, которая отрисовывает фигуры шахмат с помощью юникода, никак не могу разобратся как заменить этот вывод на обычную картинку, смотрел вывод, искал генераторы юникод графики и обратно графики в числовое/символьное значение, ничего не получается, после остаточного разочарования решил спросить у javascript сообщества.
Как я разобрался, вывод осуществляется с помощью вот этой функции:

function writeFlatPieces() {
	var sSqrContent, oSquareCell, nSquareId, nMenacedSq, nConst;
	for (var iCell = 0; iCell < 64; iCell++) {
		nSquareId = (iCell >> 3) * 10 - (iCell & 7) + 28;
		oSquareCell = aFlatSquares[etc.bBlackSide ? iCell : 63 - iCell];
		sSqrContent = etc.aBoard[nSquareId]; oSquareCell.innerHTML = sSqrContent === 0 ? "" : "<span>&#98" + "171216151413231822212019".substr((((sSqrContent & 15) * 3 + (sSqrContent & 7)) >> 1) - 2, 2) + ";<\/span>";
		if (nSquareId === lastStart || nSquareId === lastEnd) { oSquareCell.style.backgroundColor = (nSquareId * 11 - nSquareId % 10) / 10 & 1 ? "#c0a1a1" : "#e8c9c9"; } else { oSquareCell.style.backgroundColor = ""; }
}
		if (!bAI || flagHumanBlack !== flagWhoMoved) {
		        for (var iThreat = 0; iThreat < etc.aThreats.length; iThreat++) {
			nMenacedSq = etc.aThreats[iThreat];
			nConst = (nMenacedSq * 4 - (nMenacedSq % 10) * 9) / 5;
			aFlatSquares[etc.bBlackSide ? nConst - 8 : 71 - nConst].style.backgroundColor = (nMenacedSq * 11 - nMenacedSq % 10) / 10 & 1 ? "#adafce" : "#dadcfb";
			}
		}
		nFrstFocus = 0;
	}

Шахматы вот эти http://htmlchess.sourceforge.net/demo/example.html
Хочу для сайта их взять, но сделать красивее, заменить фигуры нарисованой графикой, 3D использовать не буду, заранее благодарен всем кого заинтересует тема. Спасибо