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

added multiple canvases

Browse Source
This commit is contained in:
ataata107
2020-01-17 04:26:23 +05:30
parent c7caf0b33e
commit 4f67bc52a0
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/modules/FisheyeGl/Module.js
View File

@@ -15,13 +15,14 @@ module.exports = function DoNothing(options, UI) {
progressObj.overrideFlag = true; progressObj.overrideFlag = true;
var step = this; var step = this;
var curr = 0;
function changePixel(r, g, b, a) { function changePixel(r, g, b, a) {
return [r, g, b, a]; return [r, g, b, a];
} }
function extraManipulation(pixels, setRenderState, generateOutput) { function extraManipulation(pixels, setRenderState, generateOutput) {
curr++;
const oldPixels = _.cloneDeep(pixels); const oldPixels = _.cloneDeep(pixels);
setRenderState(false); // Prevent rendering of final output image until extraManipulation completes. setRenderState(false); // Prevent rendering of final output image until extraManipulation completes.
var canvas2 = document.createElement('canvas'); var canvas2 = document.createElement('canvas');
@@ -41,18 +42,18 @@ module.exports = function DoNothing(options, UI) {
// alert("yo") // alert("yo")
var canvas = document.createElement('canvas'); var canvas = document.createElement('canvas');
canvas.style.display = 'none'; canvas.style.display = 'none';
canvas.setAttribute('id', 'image-sequencer-canvas'); canvas.setAttribute('id', 'image-sequencer-canvas'+curr.toString());
document.body.append(canvas); document.body.append(canvas);
// } // }
// else var canvas = document.querySelector('#image-sequencer-canvas'); // else var canvas = document.querySelector('#image-sequencer-canvas');
var distorter = FisheyeGl({ var distorter = new FisheyeGl({
selector: '#image-sequencer-canvas' selector: '#image-sequencer-canvas'+curr.toString()
}); });
var link = document.createElement('a'); // var link = document.createElement('a');
link.download = "my-image.png"; // link.download = "my-image.png";
link.href = canvas.toDataURL(); // link.href = canvas.toDataURL();
link.click(); // link.click();
// Parse the inputs // Parse the inputs
options.a = parseFloat(options.a) || distorter.lens.a; options.a = parseFloat(options.a) || distorter.lens.a;

2
src/modules/FisheyeGl/fisheye.js
View File

@@ -12,7 +12,7 @@ module.exports = exports = function (options, pixels, oldPixels, url1,distorter,
distorter.setImage(url1, function() { distorter.setImage(url1, function() {
document.getElementById('image-sequencer-canvas').remove(); // document.getElementById('image-sequencer-canvas').remove();
getPixels(distorter.getImage('image/png').src, function (err, qrPixels) { getPixels(distorter.getImage('image/png').src, function (err, qrPixels) {
// alert(distorter.getImage().src) // alert(distorter.getImage().src)
// var link = document.createElement('a'); // var link = document.createElement('a');