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
0
votes
1 answer

Caman was used before it was defined

In my HTML I have the following scripts in the header: and in my Javascript file (scripts.js) I tried to do the following code…
connor martin
  • 143
  • 2
  • 2
  • 7
0
votes
1 answer

How can I transform a CamanJS Filter into a KineticJS Filter?

From CamanJS given the following filter: Caman.Filter.register("lomo", function(vignette) { if (vignette == null) { vignette = true; } this.brightness(15); this.exposure(15); this.curves('rgb', [0, 0], [200, 0], [155, 255],…
Michael
  • 32,527
  • 49
  • 210
  • 370
0
votes
0 answers

How to add another image dynamically? using canvas

I can add an image by using caman function (dynamically). function resz(){ Caman("#photoCanvas", function () { try { this.render(function () { var image = this.toBase64(); …
Qnil
  • 41
  • 4
0
votes
2 answers

Do anyone has the source caman js example on site?

I am trying to create the functionality like this page url : http://camanjs.com/examples/ for image filters. I have tried with this code. var img_map = Caman("#test-canvas", "../images/test1_640.jpg"); //update brightness function…
user3305818
  • 184
  • 3
  • 15
0
votes
1 answer

JQuery Slider not working properly with camanJS Plugin

i want to manipulate contrast of an image with jquery slider, but when jquery slider is triggerd the image transforms to a solid black, white, gray, dark gray, light gray and etc, depends on slider range. camanJS Plugin var $this; Caman("#canvas",…
user3428975
  • 41
  • 1
  • 4
0
votes
2 answers

How to Totally clear the canvas using CamanJS

I am using CamanJS to create a photo editing app with filters. I have it working perfectly but after the user uploads an image then goes through the process of uploading another one as soon as they apply any filter it reverts the canvas back to the…
Dean Lynch
  • 11
  • 5
0
votes
1 answer

camanjs and rotate plugin not working properly

Has anyone made rotate plugin work nice with camanjs? I have compiled camanjs using cofee and included the extra plugins. One of them is rotate. The rotate plugin is the following Caman.Plugin.register("rotate", function(degrees) { var angle,…
Apostolos
  • 7,763
  • 17
  • 80
  • 150
0
votes
1 answer

Create function for CamanJS Plugin

is there any chance to create a function that i can call? if i'm putting the following lines in the document ready function it works: Caman("25-02-2014_16-37-13.jpg", "#example-canvas", function () { this.brightness(brightness); …
user3357134
  • 1
  • 1
0
votes
1 answer

Camanjs clear canvas when init Caman()?

I apply Caman Filter to a canvas with existing image data. But when I create Caman object to use later, it emply my canvas. var ca = Caman('#myCanvas'); I'm try to do exactly with Caman Guide , like this: Caman('#myCanvas',function(){ …
Davuz
  • 5,040
  • 13
  • 41
  • 61
0
votes
2 answers

Trying to draw an image to canvas and then use Caman.js to manipulate this image

So far I have this piece of code; var imageLoader = document.getElementById('imageLoader'); imageLoader.addEventListener('change', handleImage, false); var canvas = document.getElementById('imageCanvas'); var ctx =…
fillyc
  • 1
  • 3
0
votes
1 answer

How to apply Photoshop like Filters to canvas?

I've a psd and I want to apply the filters set in that pdf to a canvas. I'm using CamanJS library for that. But the issue is range is different in Photoshop and Canvas. I tried to convert it but I'm not getting the same result as Photoshop. Any idea…
Ashit Vora
  • 2,902
  • 2
  • 27
  • 39
0
votes
3 answers

How to Rotate Canvas using CamanJS?

I use Caman.js and hava a element on my page. How can I rotate this canvas with Caman.js? I found this but I do not know how to apply it.
Michael
  • 32,527
  • 49
  • 210
  • 370
0
votes
1 answer

camanJS - stack layers according to image array size

i am developing a website in which the user can perform an image search by setting search terms. then the images are shown based on a few parameters the user can select or modify, like position, size, etc. one of the possibilities i want to make…
mknelsen
  • 23
  • 3
0
votes
1 answer

CamanJS: Dynamically load an image onto canvas

Using CamanJS, how can I dynamically load an image onto the canvas? All I have is the base64 encoding of a PNG. I find the API documentation of CamanJS to be anything but complete. It doesn't even have the this.save() function documented.
Theodore R. Smith
  • 21,848
  • 12
  • 65
  • 91
-1
votes
1 answer

save image with ajax in ruby on rails

I dont know how to save an image in AJAX with Ruby on rails, this is my repo in github, github.com/luis77/EdiTor22 please chek it out, I have been trying this for 2 days, but I dont know what is wrong. For example, check the view attachment/new here…
Alexander Marcano
  • 33
  • 6
1 2 3 4 5 6
7
8