autoscale-canvas - Retina-enable an HTML Canvas element

  •        5

Retina-enable an HTML canvas according to devicePixelRatio.

https://github.com/component/autoscale-canvas

Tags
Implementation
License
Platform

   




Related Projects

react-native-off-canvas-menu - Beautifully crafted off canvas menu components for react native applications

  •    Javascript

Beautifully crafted off canvas menu components for react native applications. Created with React Native Animated library. The component is compatible with Android only. There is an example app with this repository in the example folder.

react-avatar-editor - Avatar & profile picture component editor

  •    Javascript

Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. The resulting image will have the same resolution as the original image, regardless of the editor's size. If you want the image sized in the dimensions of the canvas you can use getImageScaledToCanvas.

Legofy - Legofy your images with retina support using SVG.

  •    Javascript

Legofy your images with retina support using SVG.

Toast UI Image Editor - Full featured image editor using HTML5 Canvas

  •    Javascript

Toast UI Image Editor is a full featured image editor using HTML5 Canvas. It's easy to use and provides powerful filters. It supports Crop, Flip, Rotation, Drawing, Shape, Icon, Text, Mask Filter, Image Filter, Grayscale, Invert, Sepia, Blur Sharpen, Emboss, RemoveWhite, GradientTransparency, Brightness, Noise, Pixelate, ColorFilter, Tint, Multiply, Blend and lot more.

stage.js - 2D HTML5 rendering engine for game development

  •    Javascript

Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source. Canvas is the graphic component of HTML5 game development, but it only has a drawing API and there is no data model like DOM to compose your application. You need to manually draw your application and manage rendering cycles to play it. Moreover, mouse events are only available at entire Canvas level and they also need to be processed manually.


jQuery layout background canvas plugin: gradients, rounded corners without CSS

  •    JQuery

jQuery layout and background canvas plugins allow web designers to draw with the canvas API in the background of a div or whatever block style element. The full canvas API power gives the flexibility to draw gradients, rounded corners without CSS trickery.

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

  •    C++

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

fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

  •    Javascript

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

canvas-gauges - HTML5 Canvas Gauge

  •    Javascript

This is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base. If you only need the exact type of the gauge it can be installed using the appropriate npm tag. Currently the following gauges are supported: linear, radial.

react-canvas - High performance <canvas> rendering for React components

  •    Javascript

React Canvas adds the ability for React components to render to <canvas> rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

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.

canvas-nest.js - :cancer: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.

  •    Javascript

A nest backgroud of website draw on canvas. 中文 Readme 帮助文档. Insert the code below between <body> and </body>.

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.

scroller - Accelerated panning and zooming for HTML and Canvas

  •    Javascript

A pure logic component for scrolling/zooming. It is independent of any specific kind of rendering or event system. The "demo" folder contains examples for usage with DOM and Canvas renderings which works both, on mouse and touch driven devices.

d-zone - An ambient life simulation driven by user activity within a Discord server

  •    Javascript

D-Zone is a graphical simulation meant to abstractly represent the activity in your Discord server. This is not meant for any actual monitoring or diagnostics, only an experiment in the abstraction of chatroom data represented via autonomous characters in a scene.

CalendarView - Android上一个优雅、万能自定义UI、支持周视图、自定义周起始、性能高效的日历控件,支持热插拔实现的UI定制!支持标记、自定义颜色、农历、自定义月视图各种显示模式等。Canvas绘制,速度快、占用内存低,你真的想不到日历居然还可以如此优雅!An elegant, highly customized and high-performance Calendar Widget on Android

  •    Java

Android上一个优雅、万能自定义UI、支持周视图、自定义周起始、性能高效的日历控件,支持热插拔实现的UI定制!支持标记、自定义颜色、农历、自定义月视图各种显示模式等。Canvas绘制,速度快、占用内存低,你真的想不到日历居然还可以如此优雅!An elegant, highly customized and high-performance Calendar Widget on Android.

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

  •    C++

Node canvas is a Cairo backed Canvas implementation for NodeJS.

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.

wind-js - An demo animation of wind on a Canvas layer in the JSAPI

  •    Javascript

This project is an experiment in client-side data processing and visualization. Most of the code in this project is taken from https://github.com/cambecc/earth and has been re-purposed to support easier application to a variety of mapping APIs and Frameworks. The code for this project uses nothing but an HTML5 Canvas element and pure Javascript. The data come from the Global Forecast System which produces a large variety of datasets as continuous global gridded datasets (more info below). The data is passed into a JS class called Windy which takes the bounds of the map, the data, and the canvas element and then applies a Bilinear Interpolation to generate a smooth surface. Once the surface has been generated a function randomly places "particles" onto the canvas at random x/y points. Each particle is then "evolved", moving in a direction and at a velocity dictated by the interpolated surface.