Stack Overflow
Stack Overflow

Questions tagged [camanjs]

(Ca)nvas (Man)ipulation is javascript library for manipulating images using the HTML5 canvas.

The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc.

CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. All features that are not a part of the core CamanJS library are in a separate plugins repository.

For more information, I highly recommend taking a look at the official website where there is more comprehensive documentation and interactive demos. You can also read the wiki for some basic information about the project and how to use it.

CamanJS is written in Coffeescript as of version 3.0. It works both in-browser and in NodeJS.

107 questions
2
votes
1 answer

camanjs crop, result render to element instead of canvas

I'm doing good with caman, I came across with cropping and wants to render the result to directly, not to canvas Caman("#xxx-img", function () { this.crop(100, 100,0,0); this.render(function()); }); is it possible to render to …
Juliver Galleto
  • 8,831
  • 27
  • 86
  • 164
2
votes
0 answers

Is it possible to add filters on live streaming Video?

So, Im working with Caman.js library and I was wondering why this.render(); is not working when the function is looping - in my case i use the draw() function from p5.js function draw(){ /* APPLY FILTERS */ if(checkFiltersActivation() ===…
Loizos Vasileiou
  • 674
  • 10
  • 37
2
votes
1 answer

adding a js library (not yet in typings) to an ionic2 project

I'm trying to use this external javascript library CamanJS with my Ionic2 (typescript project) I've found several articles like this and this, however all of them assumes the library that is going to use is in typings But CamanJS is not yet in the…
sameera207
  • 16,547
  • 19
  • 87
  • 152
2
votes
0 answers

CamanJS this.channels throws an exception ("is no function"), but works outside of layers

I'm manipulating an image with camanjs with multiple layers, changing the color channels works if I execute the command outside of any sublayers, but when I try to use .channels in a layer I get a JS error "channels is not a function". …
Razor22
  • 23
  • 4
2
votes
0 answers

CamanJS - update a newLayer filter

I have a relative simple CamanJS that is working well to add a layer, set it to a fill color and set the blending mode. function changeColor(layer, hexCode) { Caman(layer, function() { this.greyscale(); this.contrast(-10); …
Icon-Mike
  • 21
  • 2
2
votes
1 answer

CamanJS contrast effect isn't applied properly

I'm using CamanJS and the effects all work fine except Contrast. I don't know why but it messes up the image. Here's my HTML and JavaScript, also there is a jsFiddle example here : http://jsfiddle.net/6sE2x/
…
Ömer Akyol
  • 21
  • 2
2
votes
0 answers

CamanJS External callback function

Is there any way to check for a callback for the CamanJS library once the image is loaded so I can call the caman functions once the caman object is ready? ie var tempCanvas = document.createElement('canvas'); var c = Caman(tempCanvas,…
Jeffrey Qua
  • 73
  • 6
2
votes
1 answer

Undo/Redo functionality in CamanJS?

Hi Im a newbie in camanjs. I manipulate canvas with this code. function vintage(id){ Caman(id, function(){ //I just added this code to reset the canvas to its original state this.revert(); //---------------------------- …
Emmanuel Gabion
  • 425
  • 1
  • 9
  • 20
2
votes
1 answer

Caman image manipulation and flickering

I'm using the Caman (http://camanjs.com/) image library to modify some images using buttons/sliders. The problem is, that the image flickers each time a change is made. Example code: var caman = Caman("#demo-photo"); …
Mark
  • 1,754
  • 3
  • 26
  • 43
2
votes
0 answers

caman js and image editing

I want to create using caman js. I like the example on their page here. I tried to start my own, very simple one like this window.onload =function(){ var brightness = document.getElementById('brightness'); var caman = Caman("#myimage"); …
Apostolos
  • 7,763
  • 17
  • 80
  • 150
2
votes
1 answer

apply the camanJS filter on the original image

If I apply a filter on my image with camanJS it all works good but when I click on a second filter it needs to go back to the original image and apply it on that image, but currently it puts the second filter on the image that still has the first…
Mark C.
  • 461
  • 6
  • 16
1
vote
0 answers

How does Google Photos app's "auto" filter works?

I am making an image enhancement app using CamanJS. And I want to know-how does the auto image filter works in google photos. Is there a way I can replicate it or is there any google API that is available. I have tried searching but not found any…
ELUSH STORES
  • 11
  • 1
1
vote
0 answers

How to apply filters on top of each other in Camanjs?

I have few questions regarding Camanjs library. 1. How can we import camanjs in React? I have tried installing caman through npm but no success,I have also installed all the addition dependency mentioned(node-gyp & Installing GTK 2) but nothing…
Adarsh
  • 19
  • 4
1
vote
0 answers

Increase and decrease in filter value not working properly in Camanjs

I'm using Camanjs for image filtering, I have slider for increasing brightness. Everything works fine when I increase the value to slider which in turns increases the brightness, but now if I decrease the value back to 0, although it decreases the…
Adarsh
  • 19
  • 4
1
vote
0 answers

camanjs crop image Cannot read property 'length' of undefined

I'm trying to crop an image using camanjs below is what I've tried