eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-13 20:00:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Restructure API (#824)

Browse Source 
* Change addsteps(), loadImages(), run() and default UI

* Restructure API completely

* Add updated dist files

* Removed extra comments

*  Indentation improved

* Update README.md
This commit is contained in:
Slytherin
2019-03-14 20:34:02 +05:30
committed by Jeffrey Warren
parent 3d1bbe5940
commit 2f21bec80a
32 changed files with 511 additions and 862 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/ui/LoadImage.js
View File

@@ -7,11 +7,11 @@ function LoadImage(ref, name, src, main_callback) {
}
return image;
}
function CImage(src, callback) {
function CImage(src, step, callback) {
var datauri;
if (!!src.match(/^data:/i)) {
datauri = src;
callback(datauri);
callback(datauri, step);
}
else if (!ref.options.inBrowser && !!src.match(/^https?:\/\//i)) {
require( src.match(/^(https?):\/\//i)[1] ).get(src,function(res){
@@ -20,7 +20,7 @@ function LoadImage(ref, name, src, main_callback) {
res.setEncoding('base64');
res.on('data',function(chunk) {data += chunk;});
res.on('end',function() {
callback("data:"+contentType+";base64,"+data);
callback("data:"+contentType+";base64,"+data, step);
});
});
}
@@ -33,66 +33,36 @@ function LoadImage(ref, name, src, main_callback) {
canvas.width = image.naturalWidth;
canvas.height = image.naturalHeight;
context.drawImage(image,0,0);
datauri = canvas.toDataURL(ext);
callback(datauri);
}
datauri = canvas.toDataURL(ext);
callback(datauri, step);
}
image.src = src;
}
else {
datauri = require('urify')(src);
callback(datauri);
callback(datauri, step);
}
}
function loadImage(name, src) {
var step = {
name: "load-image",
description: "This initial step loads and displays the original image without any modifications.<br /><br />To work with a new or different image, drag one into the drop zone.",
description: "This initial step loads and displays the original image without any modifications.",
ID: ref.options.sequencerCounter++,
imageName: name,
inBrowser: ref.options.inBrowser,
ui: ref.options.ui
ui: ref.options.ui,
UI: ref.events,
output : ''
};
var image = {
src: src,
steps: [{
options: {
id: step.ID,
name: "load-image",
description: "This initial step loads and displays the original image without any modifications.",
title: "Load Image",
step: step
},
UI: ref.events,
draw: function() {
UI.onDraw(options.step);
if(arguments.length==1){
this.output = CImage(arguments[0]);
options.step.output = this.output;
UI.onComplete(options.step);
return true;
}
else if(arguments.length==2) {
this.output = CImage(arguments[0]);
options.step.output = this.output;
arguments[1]();
UI.onComplete(options.step);
return true;
}
return false;
},
}]
};
CImage(src, function(datauri) {
CImage(src, step, function(datauri, step) {
var output = makeImage(datauri);
ref.images[name] = image;
var loadImageStep = ref.images[name].steps[0];
loadImageStep.output = output;
loadImageStep.options.step.output = loadImageStep.output.src;
loadImageStep.UI.onSetup(loadImageStep.options.step);
loadImageStep.UI.onDraw(loadImageStep.options.step);
loadImageStep.UI.onComplete(loadImageStep.options.step);
ref.steps.push(step);
ref.steps[0].output = output;
ref.steps[0].UI.onSetup(ref.steps[0]);
ref.steps[0].UI.onDraw(ref.steps[0]);
ref.steps[0].UI.onComplete(ref.steps[0]);
main_callback();
return true;
@@ -103,3 +73,4 @@ function LoadImage(ref, name, src, main_callback) {
}
module.exports = LoadImage;