• Choose a category
• All
• Classic-Fiction

var target = e.target;

textBaseline = target.value;

drawScreen();

}

function textAlignChanged(e) {

var target = e.target;

textAlign = target.value;

drawScreen();

}

function fillOrStrokeChanged(e) {

var target = e.target;

fillOrStroke = target.value;

drawScreen();

}

function textSizeChanged(e) {

var target = e.target;

fontSize = target.value;

drawScreen();

}

function textFillColorChanged(e) {

var target = e.target;

textFillColor = "#" + target.value;

drawScreen();

}

function textFontChanged(e) {

var target = e.target;

fontFace = target.value;

drawScreen();

}

function fontWeightChanged(e) {

var target = e.target;

fontWeight = target.value;

drawScreen();

}

function fontStyleChanged(e) {

var target = e.target;

fontStyle = target.value;

drawScreen();

}

function shadowXChanged(e) {

var target = e.target;

shadowX = target.value;

drawScreen();

}

function shadowYChanged(e) {

var target = e.target;

shadowY = target.value;

drawScreen();

}

function shadowBlurChanged(e) {

var target = e.target;

shadowBlur = target.value;

drawScreen();

}

function shadowColorChanged(e) {

var target = e.target;

shadowColor = target.value;

drawScreen();

}

function textAlphaChanged(e) {

var target = e.target;

textAlpha = (target.value);

drawScreen();

}

function textFillColor2Changed(e) {

var target = e.target;

textFillColor2 = "#" + target.value;

drawScreen();

}

function fillTypeChanged(e) {

var target = e.target;

fillType = target.value;

drawScreen();

}

function canvasWidthChanged(e) {

var target = e.target;

theCanvas.width = target.value;

drawScreen();

}

function canvasHeightChanged(e) {

var target = e.target;

theCanvas.height = target.value;

drawScreen();

}

function canvasStyleSizeChanged(e) {

var styleWidth = document.getElementById("canvasStyleWidth");

var styleHeight = document.getElementById("canvasStyleHeight");

var styleValue = "width:" + styleWidth.value + "px; height:" +

styleHeight.value +"px;";

theCanvas.setAttribute("style", styleValue );

drawScreen();

}

function createImageDataPressed(e) {

var imageDataDisplay = document.getElementById("imageDataDisplay");

imageDataDisplay.value = theCanvas.toDataURL();

window.open(imageDataDisplay.value,"canvasImage","left=0,top=0,width=" +

theCanvas.width + ",height=" + theCanvas.height +

",toolbar=0,resizable=0");

}

}