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

ImageThreshold.js and ImageSelect.js bugfixes

Browse Source
This commit is contained in:
Chinmay Pandhare
2017-03-09 22:01:38 +05:30
parent eda5ecd3e7
commit c58cbcf5c0
2 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/modules/ImageSelect.js
View File

@@ -67,7 +67,7 @@ module.exports = function ImageSelect(options) {
// this module is unique because it creates the image // this module is unique because it creates the image
function draw(image) { function draw(image) {
options.el.html(image); el.html(image);
if (options.output) options.output(image); if (options.output) options.output(image);
} }

37
src/modules/ImageThreshold.js
View File

@@ -10,25 +10,28 @@ module.exports = function ImageThreshold(options) {
var image; var image;
function draw(inputImage) { function draw(inputImage) {
var canvas = document.createElement('canvas'); $(inputImage).load(function(){
canvas.width = inputImage.naturalWidth; var canvas = document.createElement('canvas');
canvas.height = inputImage.naturalHeight; canvas.width = inputImage.naturalWidth;
var context = canvas.getContext('2d'); canvas.height = inputImage.naturalHeight;
context.drawImage(inputImage, 0, 0 ); var context = canvas.getContext('2d');
var imageData = context.getImageData(0, 0, inputImage.naturalWidth, inputImage.naturalHeight); context.drawImage(inputImage, 0, 0);
var imageThreshold = require('image-filter-threshold'); var imageData = context.getImageData(0, 0, canvas.width, canvas.height);
var imageFilterCore = require('image-filter-core');
var result = imageThreshold({ var imageThreshold = require('image-filter-threshold');
data: imageData, var imageFilterCore = require('image-filter-core');
threshold: options.threshold
}).then(function (imageData) { var result = imageThreshold({
image = new Image(); data: imageData,
image.onload = function onLoad() { threshold: options.threshold
if (options.output) options.output(image); }).then(function (imageData) {
} image = new Image();
image.src = imageFilterCore.convertImageDataToCanvasURL(imageData); image.onload = function onLoad() {
if (options.output) options.output(image);
}
image.src = imageFilterCore.convertImageDataToCanvasURL(imageData);
});
}); });
} }