Das ist ein inline-Canvas mit Text
dessen Breite dynamisch angepaßt wird
Test Test Test Test Test: Font =
"style (italic/normal) variant (small-caps/normal) weight (bold/normal/100..900) size (in pixels) family"
Font =
Canvas exportieren & Ausdrucken
Dazu benutzt man folgenden JS-Code
var print_doc; // Document des popup-Windows: auch mehrere Canvas untereinander
function print_canvas() { // Popup HTML-page zum Print
if (!print_doc) {
var print_win = window.open("","PopupWindow","width=1000, height=300, top=50, left=800, menubar=yes"); // console.log(pwin);
var print_doc = print_win.document;
}
var canv = window.document.getElementById("canv");
var cdata = canv.toDataURL(); // -> 'data:image/png;base64,.....'
var tt = "<img src='"+cdata+"' width='1000' heigth='300'>";
print_doc.writeln("<div style='width:1000px;'>"+tt+"</div>");
print_win.onbeforeunload = function(e) { print_doc = null; }
}