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
9
votes
2 answers

CamanJS - replace instance

If I have an image that I apply a filter to, e.g. Lomo filter, is there way to make that the current Caman instance? Meaning, if I then want to then play about with the brightness on the image that I applied the filter to, and use this.revert(); to…
StudioTime
  • 22,603
  • 38
  • 120
  • 207
6
votes
1 answer

CamanJS - change underlying canvas after applying filters/manipulations

CamanJS is a great library for doing live image manipulation in the browser. I am using Caman on a pre-existing canvas object. I may need to change the image on that canvas if a user goes 'back' to a previous area of my site and then comes forward…
Stephen
  • 642
  • 1
  • 4
  • 22
5
votes
1 answer

CamanJS - Mobile - Blank Canvas

I am having problems running the CamanJS script on mobile devices, i.e. iPad and iPhone's Safari / Chrome, and I've been trying to resolve it for days. The test script is very simple: 1) Accepts browser file selection of image 2) Gets the image…
Mongrel Jedi
  • 747
  • 2
  • 7
  • 22
4
votes
1 answer

Add Brightness and Contrast to Cropper JS without Caman JS?

Because CamanJS is no longer maintained, does anyone know of a newer lightweight solution to add brightness and contrast adjustment to Cropper JS like this CodePen? HTML: …
Nathan
  • 1,483
  • 3
  • 18
  • 41
4
votes
0 answers

Using Caman.js library in Fabric.js custom filter

I'm trying to create a custom filter in Fabric.js. But I'd like to use the filter set of Caman.js. I feel like I'm very close here, but can't seem to get this to work. Where might I be going wrong here? No console errors. Right now I'm trying to set…
Mike Barwick
  • 6,288
  • 6
  • 51
  • 76
4
votes
1 answer

How to split up an image in pieces and reshuffle it, using HTML, Javascript or CamanJS?

I want to create puzzle images out of original images, meaning that an image is cut into 9 pieces (3x3) and then shuffled and stored as a new image. Does anyone know which method is the best to do so and how to achieve it? Perhaps with CamanJS? Does…
WJA
  • 6,676
  • 16
  • 85
  • 152
4
votes
3 answers

CamanJS: Replacing image

I'm using CamanJS to add some image processing features to my website, it's a simple and great library but still its documentation is somehow poor. I'm uploading an image to my website, then I'm applying all the effects on the image uploaded (it's…
Alaa Al-Arori
  • 41
  • 2
4
votes
1 answer

Camanjs filter done callback (events in camanjs)

I try to understand events in camanjs, but I need some examples. Can everyone write me simple example about this: 1) load image in to canvas (done) Caman("#canvas-img2", base64_or_path_to_image, function () { this.nostalgia(); …
Max P
  • 1,439
  • 3
  • 15
  • 33
4
votes
1 answer

Adding JPEG layer to Canvas (using Caman)

I have an image that is manipulated using the Caman library. I am trying to overlay a jpeg to the manipulated image. I can see the jpeg appearing for a split second beneath the manipulated image, but it is quickly overlaid once the manipulated image…
trh88
  • 612
  • 8
  • 22
4
votes
1 answer

Using Preset Filters From CamanJS API

I am using CamanJS plugin to apply effects to images, I want to know how do I apply preset effects like lomo, sin city, cross process, etc found here. The documentation of CamanJS does not elaborate on this properly. I tried the below code to…
user1910290
  • 537
  • 4
  • 15
  • 28
3
votes
1 answer

Caman.js render applies to previous state instead of current state of canvas

I am creating a simple image redactor by javascript where the users should be able to rotate an image as well as to apply some filters implemented by Caman js. I am drawing the initial image in the following canvas:
Ara Gasparyan
  • 79
  • 7
3
votes
1 answer

CKFinder "Edit" features does not work when working on different domains

We are evaluating CKFinder, at the moment we have this situation: app.domain.com hosts our JS application included ckfinder.js api.domain.com hosts the connector.php Please note they are on different domains. We are able to view files and…
GibboK
  • 71,848
  • 143
  • 435
  • 658
3
votes
1 answer

How to edit remote images in CamanJS

The documentation says CamanJS comes with a PHP proxy (you're welcome to add a proxy in the language of your choice) that you can use in the proxies folder. Before you use CamanJS for editing, all you have to do to enable the proxy is: // Will use…
Sandip Patel
  • 267
  • 4
  • 14
3
votes
1 answer

i want to use caman js and fabric js to give effect on an image in same canvas. how can i combine them?

I want to give effect to image using both caman js and fabric js. I tried to combine the code but it gives two images instead of one. What can i do to combine caman js and fabric js and fix this? I reffered to: http://camanjs.com/ and…
maitri kothari
  • 51
  • 5
2
votes
0 answers

Increase Contrast 50% by using vanilla javascript

I'm looking for a formula or something with which i can increase the contrast +50% of the image and can save it. I have tried Caman.js and its letting me increase contrast by numerical values and I can't figure out what level is 50%
average guy
  • 21
  • 2
1
2 3 4 5 6 7 8