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
1
vote
1 answer

Angularjs code works in desktop chrome, but not in mobile chrome

I have created a codepen of what I am trying to do in in IONIC. http://codepen.io/anon/pen/yNjmoK HTML:
user2924127
  • 6,034
  • 16
  • 78
  • 136
1
vote
0 answers

CamanJS filters unresponsive to button clicks?

I am using following code to apply filters on button click Vignette
Sandip Patel
  • 267
  • 4
  • 14
1
vote
1 answer

Could not find element with id maincanvas in jQuery?

This is the error I get uncaught exception: Could not find element maincanvas I have included the jQuery file and checked the spelling but error seems to be because of something else Add Blue …
Sandip Patel
  • 267
  • 4
  • 14
1
vote
1 answer

Copy Image with filters from one canvas and paste to other

I'm using Fabric library to draw different objects on canvas and for some image i need to provide effects and filter, so i'm using Caman library. I'm providing the effects and filter functionality in popup where i added another canvas and gets the…
user3869081
  • 11
  • 3
1
vote
1 answer

Kinetic JS - how do i hide all the anchors on image using checkbox?

function initStage(image) { var stage = new Kinetic.Stage({ container: 'loginDiv', width: 800, height: 500, }); var layer = new Kinetic.Layer(); var…
Qnil
  • 41
  • 4
1
vote
0 answers

Node.js, caman: Error: Image given has not completed loading only with jpg images

Hy I'm editing various images that are stored locally on my pc, I have no problems with a png images, but when I try editing jpg images I always get the following error this.context.drawImage(this.image, 0, 0, this.imageWidth(), this.image …
Daniele Sassoli
  • 899
  • 12
  • 34
1
vote
1 answer

CamanJS revert and rotate fix

If you use the rotation plugin in CamanJS there is an issue when you are trying to revert changes. Caman is only implemented in a way that is working good when you crop or resize your image, but not when you rotate it. When you revert and the image…
Apostolos
  • 7,763
  • 17
  • 80
  • 150
1
vote
1 answer

Operate on part of an image using CamanJS

I'm using Caman JS to modify an image. I want to modify only the alpha channel of a subset of pixels. but when i apply the filter it modifies all the pixels in the image. Any suggestions on how to just modify the subset of pixels. Do i need to…
bobbdelsol
  • 996
  • 6
  • 21
1
vote
1 answer

KineticJS canvas modified by CamanJS

I'm trying to apply CamanJS filter to a canvas created with KineticJS. It works: Caman("#creator canvas", function() { this.lomo().render(); }); After applying a CamanJS filter I'm trying to do sth with canvas (eg. drag and move layer or just…
long
  • 3,692
  • 1
  • 22
  • 38
1
vote
1 answer

rotate image that is loaded within camanjs plugin

I have an image on my webpage with some little editing functionality. One of the functionalities i want to have is rotating Image by some degrees. My html looks like this js file $(document).ready(function…
Apostolos
  • 7,763
  • 17
  • 80
  • 150
1
vote
1 answer

How do you load an image in a canvas using CamanJS?

The example on the CamanJS website (http://camanjs.com/guides/#BasicUsage) looks like this: Caman("#canvas-id", "path/to/image.jpg", function () { // manipulate image here this.brightness(5).render(); }); I've tried to run this very first, very…
Noah
  • 598
  • 1
  • 4
  • 15
1
vote
1 answer

Save canvas to image on server upon form submit with Rails

i'm using Caman JS to manipulate an image in my edit view for the model Item. $('#vintage').click(function() { Caman("#preview_image", function () { this.reset(); this.crossProcess(100) this.render(function () { …
mtpbzz
  • 308
  • 2
  • 12
1
vote
2 answers

How to flip canvas using CamanJS

So i want to create a web based image editor using CamanJS plugin, and it's proving to be a blast but i need to create a flip horizontal function and it turns out CamanJS doesn't have a method for that, i'm thinking of flipping the canvas outside…
Devon Ericko Sulistio
  • 21
  • 5
1
vote
1 answer

Uncaught TypeError: Object function{...} has no method 'bind'

I want to use camanjs for manipulating my canvas on Phonegap, but when I use this code down here function applySunrise(){ Caman("#myCanvas", function () { this.sunrise(); this.render(); }); } It causes an error like this: Uncaught…
Devon Ericko Sulistio
  • 21
  • 5
0
votes
1 answer

camanjs and openseadragon: filters are loading delayed

I want to use some caman filters in a OpenSeaDragon viewer. Whenever I try to load multiple filters synchronously, the filters load delayed and become visible only after zooming the image. I used the following filter options. Does anybody struggle…
vanillaFox
  • 1
1 2 3
4
5 6 7 8