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

Using a normal JS librarary with Ionic2 + typescript

I'm trying to use camanjs with my ionic2 + typescript project. I've also had a look at Ionic and Typings blog post by Mike, however it shows adding a library that is already in Typings Then I found this blog post from josh on adding goole maps that…
sameera207
  • 16,547
  • 19
  • 87
  • 152
0
votes
1 answer

How can I use camanjs for my wix application bypassing crossdomain problems?

I'm working on application for wix.com that represents slider for users images. Recently I got task to make images filters just like instagram for this project, and first idea was to use canvas for this purpose specifically CamanJS. And as you…
0
votes
1 answer

Use CamanJS on webworker

Can I use caman.js library for processing image on webworker? As far as is I known, WebWorker cant run code which contain operation with document. How I can run such of code which have working with document on worker?
0
votes
1 answer

How to pass a JavaScript var into a Rails Controller

I'm looking to pass a JavaScript variable into a Rails Controller. The interesting part is that the variable is generated inside Canman, and I cannot use it (yet) outside of it. This is probably just JavaScript and not necessarily related with…
Horacio
  • 1,794
  • 1
  • 16
  • 23
0
votes
1 answer

Saving camanjs image after adding new layer

I am trying to download a canvas (with canvas.toBlob()) created with camanjs after it applies a new layer. I can only get it to download the image without the applied layer. I can right click and "save as..." to get the correct image but the…
unbootabru
  • 347
  • 1
  • 3
  • 9
0
votes
2 answers

saving an image that has been manipulated with caman.js

guys im really struggling with this ive been trying for days but no luck, I have manipulated an image with camanjs and then save it to disk with canvas.toblob(), here is the code Caman("#theCanvas", "images/1.jpg", function () { …
0
votes
1 answer

Using jCrop with CamanJs not working for Responsive Image

I am using CamanJs (a image manipulation tool) to edit my current image and I have integrated jCrop with the CamanJs for cropping purpose following http://v2-demos.jcrop.org/demos/camanjs.html this source. It's working fine but problem is that, it…
murad
  • 175
  • 2
  • 14
0
votes
1 answer

Multiple filters with camanjs don't work

I have an image, and I want to apply brightness and contrast on the same image. If I simply apply brightness, but if I apply with contrast, it does not work; the image turns black. I have tried with layers; it didn't work. I have tried to render in…
0
votes
0 answers

CamanJS extremely slow on Android

Im developing a Webapp for Android using Ionic and AngularJS. HTML:
Mulgard
  • 9,877
  • 34
  • 129
  • 232
0
votes
0 answers

How can I make this jQuery event set data-caman values that make CamanJS actually change an image's hue?

I have two images layered over each other so I can modify different parts of the same picture independently:
HB-
  • 635
  • 2
  • 8
  • 21
0
votes
1 answer

Set angle to zero in function parameter

This function is from CamanJS library. This is the code for tiltshift effect of plugin Caman.Filter.register("tiltShift", function(opts) { var defaults, gradient; defaults = { center: { x: this.dimensions.width / 2, y:…
Sandip Patel
  • 267
  • 4
  • 14
0
votes
1 answer

CamanJS Filters to Photoshop Curves

Is there a way to obtain the photoshop curves of a CamanJS filter? for example: Caman.Filter.register("hemingway", function() { this.greyscale(); this.contrast(10); this.gamma(0.9); this.newLayer(function() { this.setBlendingMode("multiply"); …
BernalCarlos
  • 936
  • 3
  • 12
  • 25
0
votes
2 answers

How to give effect to local machine image using Caman js?

I am new to caman js. I want to edit image residing at my local machine using caman js. I searched for it but could not find appropriate code. I also went through tutorial of caman js. link: http://camanjs.com/guides/ Can anyone please help…
0
votes
1 answer

Caman.js: get parent object

Refering to JS Caman library: http://camanjs.com I want to get the parent element containing the canvas and $().fadeIn(500); after the image has been processed. The object is inside a
From the authors':…
Azevedo
  • 2,059
  • 6
  • 34
  • 52
0
votes
0 answers

how to use Caman.js on Tumblr

I am trying to implement an image manipulation library such as Caman.js on Tumblr theme, but it doesn't work. I have seen examples like this: https://gist.github.com/dashr/3592432#file-tumblr-caman-bfly-xing-js that make me think it is possible to…