| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/CST1022/Resources/Week/17/ |
Upload File : |
"use strict";
// Main site js file for Jim Martinson.
function _Initialize() {
_Initialize_debug();
document.getElementById("imgCanvas").addEventListener('click',drawImage);
document.getElementById("cssCanvas").addEventListener('click',drawCSS);
}
function drawCSS() {
let DEBUG = true;
if (DEBUG) { console.group(`${PC}drawCSS[]`, CG); }
var canvas = document.getElementById("cssCanvas");
if (DEBUG) { console.log(`${PC}cssCanvas.width=${canvas.width} height=${canvas.height}`, CL); }
var canvasRect = canvas.getBoundingClientRect();
if (DEBUG) { console.log(`${PC}cssCanvas canvasRect.width=${canvasRect.width} height=${canvasRect.height}`, CL); }
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#00FF00";
ctx.fillRect(10, 10, canvas.width - 20, canvas.height - 20);
if (DEBUG) { console.log(`${PC}cssCanvas.width=${canvas.width} height=${canvas.height}`, CL); }
if (DEBUG) { console.groupEnd(); }
}
function drawImage() {
let DEBUG = true;
if (DEBUG) { console.group(`${PC}drawImage[]`, CG); }
var canvas = document.getElementById("imgCanvas");
if (DEBUG) { console.log(`${PC}imgCanvas.width=${canvas.width} height=${canvas.height}`, CL); }
var canvasRect = canvas.getBoundingClientRect();
if (DEBUG) { console.log(`${PC}imgCanvas canvasRect.width=${canvasRect.width} height=${canvasRect.height}`, CL); }
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(10, 10, canvas.width - 20, canvas.height - 20);
if (DEBUG) { console.groupEnd(); }
}