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

Reload canvas on change Vue.Js + HTML Range

I'm trying reload a image on when I change a value but my vue.js just execute one time my function. Basically I will use a Caman.js to apply a 'threshold' and 'sharpen' that a user change a range and show a sample. HTML
...
user2577875
0
votes
1 answer

Apply Caman JS preset filters to Konva React

By creating a ref for the layer component I am able to access the canvas element which I could then pass to the caman function to apply a preset filter to the image in the canvas. This works as expected however, when saving the stage as an image the…
Kevin Mangal
  • 230
  • 1
  • 3
  • 14
0
votes
0 answers

How to crop extra canvas spaces?

My first concern was to fit image <= height of canvas and to that I have used following code.. var canvas = ctx.canvas ; var hRatio = canvas.width / img.width ; var vRatio = canvas.height / img.height ; var ratio =…
steven lim
  • 1
0
votes
1 answer

CamanJS with React

I'm trying to use CamanJS with React, I'm installing as a node module with npm install caman per the documentation but I am getting an error. I've tried using require to bring it in, I've also tried import. The package is in my node_modules…
Dmitriy
  • 1,211
  • 1
  • 11
  • 28
0
votes
0 answers

CamanJS individual channel saturation like Photoshop/GIMP

Using CamanJS, how can we manipulate individual color channel saturation like GIMP or Photoshop? For example, if I decrease Red color saturation it only reduces the saturation of the Red channel. Here is the before and after image. In GIMP there…
Vimal Ghorecha
  • 86
  • 1
  • 3
0
votes
2 answers

Can I get the list of Caman.js filters?

Is there any way to return the list of all the built-in filters within the library. For example: var caman_Default_List = []; Caman('myCanvas', function(){ caman_Default_List= this.getAllFilters(); }); For now I'm using this and it works…
Loizos Vasileiou
  • 674
  • 10
  • 37
0
votes
0 answers

Using Camanjs to alter image and then changing leafletjs image

I am new to data visualization and web development and I am trying to alter this image using camanjs. After I alter this image, I wish to set it up as the background for a map which is using leafletjs. I am not exactly sure how to approach this and…
Anonymous Dodo
  • 261
  • 3
  • 17
0
votes
1 answer

How to add multiple filters (Caman.js)?

Im recently working with face detection algorithms, and i want to add some filters on the canvas while the detection algorithms are running. I created a modal as you can see in FIGURE 1, which works either with sample or custom filters (Caman.js…
Loizos Vasileiou
  • 674
  • 10
  • 37
0
votes
1 answer

CamanJS in SVG?

I'm looking to do some client-side image manipulation using CamanJS (http://camanjs.com/guides/) or some other tool like it on an image within an element. Sample code is like this...
gtilflm
  • 1,389
  • 1
  • 21
  • 51
0
votes
1 answer

How to change image opacity with camanjs?

how to change image opacity with caman js I tried with lates version also. Still issue is coming. If anything need to enable to achieve this ? //throwing not defined with caman js. In this reference - …
Vasantha Kumar Boddu
  • 131
  • 2
  • 13
0
votes
1 answer

Modify an image using caman and then upload it to firebase

Here is my problem. I want to modify an image using caman and then upload it to firebase. That's my code import { Component, NgZone } from '@angular/core'; import { NavController, NavParams, AlertController } from 'ionic-angular'; import firebase…
Marco Palmisano
  • 83
  • 2
  • 10
0
votes
2 answers

Ionic import Camanjs

I'm trying to use camanjs library in my ionic v3 project. I installed it using npm install caman --save (also installed cairo, libjpg and libpng). Now in my project folder I can see a folder named caman in node_modules folder, so in my .ts I…
Marco Palmisano
  • 83
  • 2
  • 10
0
votes
1 answer

CamanJS not working in CKFinder (stucked in loading image)

We are integrating CKFinder with the CKEditor installation in PeopleSoft. We created our own connector in Peoplesoft and almost everything is now working except editing image. It is stuck in the loading image dialog. We already implemented ImageInfo…
user1173805
  • 79
  • 1
  • 3
  • 12
0
votes
1 answer

Uncaught TypeError while using value from a data attribute

This is my JavaScript code: $(".filter").on('click', function (e) { var filterFunction = $(this).data('strength'); console.log(filterFunction); // Outputs brightness(10) Caman('#canvas', function () { …
Neena Vivek
  • 667
  • 7
  • 19
0
votes
1 answer

Using CamanJS to filter canvas

This is my HTML elements
1 2 3 4
5
6 7 8