From 838e7545072277df58a2c0f99a26cdffcf0a4acf Mon Sep 17 00:00:00 2001
From: Neil Gershenfeld <gersh@cba.mit.edu>
Date: Sat, 6 Jan 2018 13:00:41 -0500
Subject: [PATCH] working on convert
---
modules/convert/rgba/png | 32 ++++++++++++++++++++++++--------
1 file changed, 24 insertions(+), 8 deletions(-)
diff --git a/modules/convert/rgba/png b/modules/convert/rgba/png
index 3b901ce..17d9806 100755
--- a/modules/convert/rgba/png
+++ b/modules/convert/rgba/png
@@ -32,15 +32,18 @@ var init = function() {
var inputs = {
image:{type:'RGBA',
event:function(evt){
- mod.input = evt.detail
var ctx = mod.img.getContext("2d")
- ctx.canvas.width = mod.input.width
- ctx.canvas.height = mod.input.height
- ctx.putImageData(mod.input,0,0)
+ ctx.canvas.width = evt.detail.width
+ ctx.canvas.height = evt.detail.height
+ ctx.putImageData(evt.detail,0,0)
+ mod.pxtext.nodeValue = evt.detail.width+' x '+evt.detail.height+' px'
convert_image()
}},
imageInfo:{type:'object',
- event:function(){
+ event:function(evt){
+ mod.nametext.value = evt.detail.name
+ mod.dpitext.value = evt.detail.dpi
+ update_info()
}}
}
//
@@ -103,6 +106,15 @@ var interface = function(div){
//
var info = document.createElement('div')
info.setAttribute('id',div.id+'info')
+ info.appendChild(document.createTextNode('file name: '))
+ var input = document.createElement('input')
+ input.type = 'text'
+ input.size = 6
+ input.addEventListener('input',function(){
+ })
+ info.appendChild(input)
+ mod.nametext = input
+ info.appendChild(document.createElement('br'))
info.appendChild(document.createTextNode('dpi: '))
var input = document.createElement('input')
input.type = 'text'
@@ -130,9 +142,6 @@ var interface = function(div){
info.appendChild(text)
mod.intext = text
info.appendChild(document.createElement('br'))
- var text = document.createTextNode('')
- info.appendChild(text)
- mod.name = text
div.appendChild(info)
}
//
@@ -157,6 +166,13 @@ function convert_image() {
ctx.clearRect(0,0,mod.canvas.width,mod.canvas.height)
ctx.drawImage(mod.img,x0,y0,wd,hd)
}
+function update_info() {
+ mod.dpi = parseFloat(mod.dpitext.value)
+ mod.mmtext.nodeValue = (25.4*mod.img.width/mod.dpi).toFixed(3)
+ +' x '+(25.4*mod.img.height/mod.dpi).toFixed(3)+' mm'
+ mod.intext.nodeValue = (mod.img.width/mod.dpi).toFixed(3)
+ +' x '+(mod.img.height/mod.dpi).toFixed(3)+' in'
+ }
// return values
//
return ({
--
GitLab