flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-29 02:10:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2019-11-16 01:00:07 +03:00
parent e115636088
commit c9e1f8d3e6
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui (gen4)/experiments/canvas-waveform.html
View File

@ -286,6 +286,7 @@ var histogram = function(img, canvas, mode, color){
} }
// XXX make defaults externally savable -- options??? // XXX make defaults externally savable -- options???
// XXX add support for img URL...
var makeWaveform = function(img, mode, color, controls){ var makeWaveform = function(img, mode, color, controls){
mode = mode || 'color' mode = mode || 'color'
@ -307,6 +308,16 @@ var makeWaveform = function(img, mode, color, controls){
b.classList.add('current') b.classList.add('current')
: b.classList.remove('current') }) } : b.classList.remove('current') }) }
// handle img urls...
if(typeof(img) == typeof('str')){
var src = img
img = document.createElement('img')
img.onload = function(){
container.setAttribute('image-width', img.width)
container.setAttribute('image-height', img.height)
update() }
img.src = src }
// container... // container...
var container = document.createElement('div') var container = document.createElement('div')
container.classList.add('graph', type) container.classList.add('graph', type)
@ -345,7 +356,7 @@ var makeWaveform = function(img, mode, color, controls){
container.setAttribute('image-height', img.height) container.setAttribute('image-height', img.height)
// init... // init...
update(mode) update()
return container return container
} }
@ -358,6 +369,8 @@ var start = function(){
//document.body.appendChild(makeWaveform(document.getElementById('input'), 'color', 'normalized')) //document.body.appendChild(makeWaveform(document.getElementById('input'), 'color', 'normalized'))
document.body.appendChild(makeWaveform(document.getElementById('input'))) document.body.appendChild(makeWaveform(document.getElementById('input')))
document.body.appendChild(makeWaveform('../images/splash-800x500.jpg'))
} }
</script> </script>