eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-11 19:00:00 +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;
var step = this;
var curr = 0;
function changePixel(r, g, b, a) {
return [r, g, b, a];
}
function extraManipulation(pixels, setRenderState, generateOutput) {
curr++;
const oldPixels = _.cloneDeep(pixels);
setRenderState(false); // Prevent rendering of final output image until extraManipulation completes.
var canvas2 = document.createElement('canvas');
@@ -41,18 +42,18 @@ module.exports = function DoNothing(options, UI) {
// alert("yo")
var canvas = document.createElement('canvas');
canvas.style.display = 'none';
canvas.setAttribute('id', 'image-sequencer-canvas');
canvas.setAttribute('id', 'image-sequencer-canvas'+curr.toString());
document.body.append(canvas);
// }
// else var canvas = document.querySelector('#image-sequencer-canvas');
var distorter = FisheyeGl({
selector: '#image-sequencer-canvas'
var distorter = new FisheyeGl({
selector: '#image-sequencer-canvas'+curr.toString()
});
var link = document.createElement('a');
link.download = "my-image.png";
link.href = canvas.toDataURL();
link.click();
// var link = document.createElement('a');
// link.download = "my-image.png";
// link.href = canvas.toDataURL();
// link.click();
// Parse the inputs
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() {
document.getElementById('image-sequencer-canvas').remove();
// document.getElementById('image-sequencer-canvas').remove();
getPixels(distorter.getImage('image/png').src, function (err, qrPixels) {
// alert(distorter.getImage().src)
// var link = document.createElement('a');