node-canvas - Node canvas is a Cairo backed Canvas implementation for NodeJS.

  •        101

Alpha versions of 2.0 can be installed using npm install canvas@next.node-canvas is a Cairo backed Canvas implementation for NodeJS.


nan : ^2.4.0



Related Projects

context-blender - Photoshop-style blend modes for HTML Canvas Contexts

  •    Javascript

Adobe® Photoshop® has a variety of helpful blend modes for compositing images from multiple RGBA layers. This small library provides the same functionality for HTML Canvas Contexts, with the goal of producing the same results as Photoshop. This will also install node-canvas, which requires a working Cairo install. See for more details.

Cairo Graphics

  •    C

Cairo is a 2D graphics library with support for multiple output devices. Currently supported output targets include the X Window System, Quartz, Win32, image buffers, PostScript, PDF, and SVG file output. Experimental backends include OpenGL (through glitz), XCB, BeOS, OS/2, and DirectFB.

palette - Node.js image color palette extraction with node-canvas

  •    Javascript

Note: Palette's dependency, node-canvas, requires that Cairo be installed. Please see the installation guide for node-canvas for further details.Palette's public API consists of a single function, the one returned by require(). This function accepts the canvas you wish to compute a color palette for, and an optional number of samples defaulting to 5.

draw2d - 2D rendering for different output (raster, pdf, svg)

  •    Go

Package draw2d is a pure go 2D vector graphics library with support for multiple output devices such as images (draw2d), pdf documents (draw2dpdf) and opengl (draw2dgl), which can also be used on the google app engine. It can be used as a pure go Cairo alternative. draw2d is released under the BSD license. See the documentation for more details. Click on an image above to get the pdf, generated with exactly the same draw2d code. The first image is the output of samples/geometry. The second image is the result of samples/postcript, which demonstrates that draw2d can draw postscript files into images or pdf documents with the ps package.

node-canvas - Node canvas is a Cairo backed Canvas implementation for NodeJS.

  •    C++

Node canvas is a Cairo backed Canvas implementation for NodeJS.

konva - Konva

  •    Javascript

Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more. You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.

papyrus - C++ Cairo Scenegraph library

  •    C++

Papyrus is a C++ scenegraph (canvas) library that uses cairo/cairomm for drawing operations. This allows papyrus to be used to draw in a Gtk+/Gtkmm widget, or draw to png, pdf and ps surfaces. In concept it is similar to the Gnome canvas or QT canvas.


  •    C++

ImageMagick is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.

gifencoder - Server side animated gif generation for node.js

  •    Javascript

NB: The chunks that get emitted by your read stream must either by a 1-dimensional bitmap of RGBA data (either an array or Buffer), or a canvas 2D context. Individuals making significant and valuable contributions are given commit-access to the project to contribute as they see fit. This project is more like an open wiki than a standard guarded open source project.

leaflet-image - leaflet maps to images

  •    Javascript

Export images out of Leaflet maps without a server component, by using Canvas and CORS.For Leaflet >= 1.0.0: You must set renderer: L.canvas() for any layer that you want included in the generated image. You can also set this by setting preferCanvas: true in your map's options.

vintageJS - Add a retro/vintage effect to images using the HTML5 canvas element

  •    Javascript

Add a retro/vintage effect to images using the HTML5 canvas element. vintagejs is a function that takes a source (URL, ImageElement or CanvasElement) and an effect (object with all the options) and returns a Promise that resolves to a result object.

GraphicsFramework.Net - Canvas for GDI, WPF, Silverlight and Windows Phone 7


GraphicsFramework.Net is a device independent graphics framework which can be use to create canvas for GDI, WPF, Silverlight and Windows Phone 7. Development of graphic applications will become easier and faster. It's developed in C# using Portable Class Libraries.

domvas - Domvas implements the missing piece that connects the DOM and Canvas.

  •    Javascript

Domvas implements the missing piece that connects the DOM and Canvas. It gives to the ability to take arbitrary DOM content and paint it to a Canvas of your choice. readyCallback's 'this' and first argument points to a valid, preloaded image node that you can simply draw to your canvas context.

darkroomjs - [UNMAINTAINED] Extensible image editing tool in your browser

  •    Javascript

DarkroomJS is a JavaScript library which provides basic image editing tools in your browser, such as rotation or cropping. It is based on the awesome FabricJS library to handle images in HTML5 canvas. It's easy to get a javascript script to crop an image in a web page. But if your want more features like rotation or brightness adjustment, then you will have to do it yourself. No more jQuery plugins here. It only uses the power of HTML5 canvas to make what ever you want with your image.

isomer - Simple isometric graphics library for HTML5 canvas

  •    Javascript

An isometric graphics library for HTML5 canvas. View the official project page or try it out.

rough - Create graphics with a hand-drawn, sketchy, appearance

  •    Javascript

Rough.js is a light weight (~9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.

awesome-canvas - A curated list of awesome HTML5 Canvas with examples, related articles and posts.


A curated list of awesome Canvas examples, related articles and posts. Inspired by awesome-python. Please take a quick gander at the contribution guidelines first.

qrious - Pure JavaScript library for QR code generation using canvas

  •    Javascript

QRious is a pure JavaScript library for generating QR codes using HTML5 canvas. Check out node-qrious if you want to install it for use within Node.js.