Image-Convolution-Playground
Image-Convolution-Playground copied to clipboard
Add console logs
Example console output:
kernels.js loaded
canvas.js:21 canvas.js loaded
utilities.js:20 utilities.js loaded
variables.js:17 variables.js loaded
script.js:154 Anchor of Identity filter kernel calculated: (1, 1) {x: 1, y: 1}
script.js:154 Anchor of Sharpen filter kernel calculated: (1, 1) {x: 1, y: 1}
script.js:154 Anchor of Box blur filter kernel calculated: (1, 1) {x: 1, y: 1}
script.js:154 Anchor of Gaussian blur (3 by 3) filter kernel calculated: (1, 1) {x: 1, y: 1}
script.js:154 Anchor of Gaussian blur (5 by 5) filter kernel calculated: (2, 2) {x: 2, y: 2}
script.js:154 Anchor of Unsharp Masking filter kernel calculated: (2, 2) {x: 2, y: 2}
script.js:154 Anchor of Custom filter kernel calculated: (1, 1) {x: 1, y: 1}
script.js:124 Resolution information updated <div class="mdl-tooltip" data-mdl-for="resolution-display" id="resolution-tooltip" data-upgraded=",MaterialTooltip">…</div>
script.js:373 Image loaded
script.js:137 Image resolution updated
script.js:373 Image loaded https://i.imgur.com/u5OUfBF.jpg
script.js:485 script.js loaded
script.js:70 Kernel information updated
script.js:407 Image data spread Uint8ClampedArray(10000) [105, 84, 67, 255, 106, 86, 61, 255, 73, 60, 40, 255, 41, 35, 10, 255, 66, 46, 29, 255, 71, 54, 38, 255, 38, 27, 14, 255, 55, 40, 24, 255, 38, 24, 13, 255, 50, 32, 19, 255, 48, 37, 27, 255, 78, 60, 50, 255, 99, 82, 34, 255, 59, 50, 12, 255, 68, 64, 18, 255, 79, 61, 26, 255, 61, 46, 27, 255, 80, 58, 38, 255, 97, 71, 51, 255, 85, 67, 43, 255, 68, 54, 35, 255, 31, 21, 10, 255, 35, 25, 16, 255, 39, 29, 16, 255, 43, 36, 27, 255, …] (50) [Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50), Array(50)]
script.js:458 Image convolution operation complete ImageData {data: Uint8ClampedArray(10000), width: 50, height: 50}