Search Results for "canvas" - Page 8
Sort By:
Showing 384 open source projects for "canvas"
View related business solutions-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
1
Paper.js
The swiss army knife of vector graphics scripting
...Paper.js is easy to learn for beginners and has lots to master for intermediate and advanced users. Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License. Paper.js is not simply a wrapper around the Canvas, it offers much more. -
2
RecordRTC
RecordRTC is WebRTC JavaScript library for audio/video
RecordRTC is a client-side JavaScript library for recording browser media streams. It can record audio, video, screen activity, canvas animation, and combined media sources through WebRTC-related browser APIs. The library supports common modern browsers across Windows, macOS, Linux, Android, and selected iOS or Safari use cases. Developers can use promise-based or callback-based recording flows, then retrieve blobs for saving, uploading, or playback. It offers multiple recorder strategies, MIME type options, time-sliced blob delivery, CDN usage, npm installation, and many demos. ... -
3
texgen.js
JavaScript Texture Generator
...It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter more than hand-painted assets. Because textures are generated at runtime, parameters can be animated or randomized to add life without extra downloads. The project demonstrates how far you can push simple building blocks to create wood, marble, clouds, checkerboards, and other familiar materials. -
4
MaLiang
iOS painting and drawing library based on Metal
MaLiang is a painting framework based on Metal. It supports drawing and handwriting with customized textures. The name of "MaLiang" comes from a boy who had a magical brush in a Chinese ancient fairy story. A Canvas is the basic component of MaLiang. You will paint all things on it. Canvas extends from MetalView, which extends from MTKView. MetalView handles all the logic with MetalKit and hides them from you. MaLiang supports the automatic adjustment of stroke size with painting force. 3D Touch is supported by default, and simulated force will be setup on devices that do not support this. forceSensitive is the property that force affects the stroke size. ... -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
PDFJsAnnotations
Wrapper for PDF JS to add annotations
FabricJS layer on top of Mozilla's PDFJS to add ANNOTATIONS. The exported file will be a PDF with a set of images. So you won't be able to use functions like text selections. trying my best to add the text layer. Due to a lack of PDFJs documentation about this section progress is very slow. If anyone is interested you can check the progress on the dev branch. -
6
A Netflix film cover generator Nuxt.js
A tool for generating Netflix show image
...In order to change the background image you can drag-n-drop any image onto the canvas and it will change the background image. -
7
WebVisu
Pure Browser based Visualisation for PLCs
Framework to enable PLC Visualisations (like Wago 750-841, Beck IPC, CoDeSys 2.3) displayed in a standalone Browser without Java applets. Including Browsers of iPad, iPhone, iPod, Android aso.. Based on HTML5 canvas and Javascript. -
8
Go canvas
Canvas is a Go drawing library based on OpenGL
Canvas is a high-performance 2D rendering library for C++ that mimics the HTML5 Canvas API. It is built using OpenGL for hardware acceleration and offers a simple, familiar interface for developers looking to draw shapes, images, and text in desktop applications or games. Canvas focuses on ease of use, speed, and flexibility, making it suitable for GUI overlays, visualizations, and real-time 2D rendering tasks. -
9
Literally Canvas
A canvas in your browser
Literally Canvas is intended to live inside your application in the way that works best for you. There is a public API for adding new shapes and tools. Literally Canvas is optimized to work with complex drawings, and it smooths lines naturally to avoid the unsightly line angles often seen in simplistic drawing programs. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
10
tcl-virtualscrolling
Virtual Scrolling without a frame or canvas wrapper
This code implements virtual scrolling using callbacks to configure and populate the rows. Each row display is configured with a callback and the data for each row is populate with a callback. -
11
WebRTC-Experiment
WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC
...The repository acts as a catalog of related projects rather than one narrow library. It links together tools such as RecordRTC, MultiStreamsMixer, DetectRTC, RTCMultiConnection, scalable broadcasting, Canvas Designer, and Translator. Developers can study the examples to understand WebRTC APIs, signaling patterns, browser support, device detection, and peer-to-peer behavior. It is useful for prototyping browser-based communication apps and learning practical WebRTC implementation ideas. -
12
React Sketch.app
Render React components to Sketch
...Design with real data— Designing with data is important but challenging; react-sketchapp makes it simple to fetch and incorporate real data into your Sketch files. Build new tools on top of Sketch— the easiest way to use Sketch as a canvas for custom design tooling. -
13
face-api.js
JavaScript API for face detection and face recognition in the browser
...High-level chained methods let developers combine detection and analysis tasks in a compact workflow. Browser applications can draw boxes, labels, landmarks, and results on overlay canvases. Node.js support is available through image and canvas polyfills, with native TensorFlow bindings recommended for faster processing. -
14
Face-Detection-JavaScript
Small browser-based computer vision demo
...It loads face detection, facial landmark, face recognition, and facial expression models from a local models folder. Once the webcam stream starts, the app creates a canvas overlay and draws detection results directly over the video feed. It can identify face boxes, map facial landmark points, and display detected expressions in near real time. The project is simple enough for beginners to study, but it still demonstrates the core pieces needed for webcam access, model loading, detection loops, result resizing, and canvas rendering. ... -
15
Milton
An infinite-canvas paint program
Milton is an open-source, infinite-canvas paint program that allows artists to sketch, draw, and paint without the constraints of a fixed canvas size. It combines the intuitive feel of raster-based painting with the scalability of vector graphics, enabling users to focus on creativity without worrying about resolution or canvas boundaries. -
16
Poko Rocket
Poko Rocket is a open-source tribute to Chu Chu Rocket game.
Poko Rocket is web based (JavaScript and Canvas) GNU GPL v3 licensed game which is a tribute to original Chu Chu Rocket game. It's compatible with all modern web browsers like Firefox, Chrome and Opera. You can play this great game without account anywhere where you have an access to modern web browser. Animations and graphics are licensed on Creative Commons BY-ND 3.0. -
17
Fanvas
Fanvas is a tool which can turn flash into canvas animation
Fanvas is a tool by Tencent that allows users to convert SWF (Flash) animations into HTML5 canvas animations. It consists of two parts: a parser implemented in ActionScript that reads the SWF file and exports JSON. It also provides a JavaScript runtime library that interprets that JSON and renders the animations via the HTML5 canvas. It aims to support vector and bitmap content. It reduces the file size of the exported animations, and provides efficient playback through techniques like dirty‐region detection. -
18
Zdog
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. -
19
VivaGraph
Graph drawing library for JavaScript
...It is designed for speed and scalability, handling large graph datasets with smooth rendering and interactive capabilities such as dragging nodes and zooming. The library supports multiple rendering backends including SVG, WebGL, and Canvas, allowing developers to choose the best balance of performance and visual fidelity for their use case. Its layout algorithms help position nodes in aesthetically pleasing arrangements using force-directed simulations that adjust dynamically as the graph evolves. VivaGraphJS is modular, so you can extend or customize layouts, rendering, and interaction logic to fit specialized applications such as social network analysis, dependency mapping, or knowledge graphs. -
20
html5-canvas-2d-grid-layout
A simple grid model system for drawing shapes in an HTML canvas
This project allows the user to define a grid configuration model for a canvas within an HTML document. The grid configuration allows the user to specify height and width of grid "units". Once the grid configuration is defined, the user can create an draw certain shapes and lines, specifying locations in "units" of where objects should be placed in the canvas. Shapes and lines support configuration themselves for color, stroke width, etc. -
21
auto-draw
auto draw
draw random arbitary shapes to canvas. https://github.com/kutaybezci/draw -
22
cad4tcl provides a common interface to tk::canvas and TkPath. cad4tcl is used in rattleCAD https://sourceforge.net/projects/rattlecad/
-
23
HTML5 Demos and Examples
Collection of hacks and demos showing capability of HTML5 apps
HTML5 Demos and Examples is a classic collection of HTML5 experiments and demonstration files created to show the capabilities of modern web APIs and browser technologies during the rise of HTML5. The repository is an archive of interactive examples—ranging from canvas tricks to video, audio, drag-and-drop, WebSockets, and more—that illustrate how HTML, CSS, and JavaScript can combine to build rich, browser-centric experiences without plugins. Each demo is a self-contained piece of code you can open, explore, and learn from, and the collection was curated to help developers grasp emerging standards at a time when HTML5 was gaining traction and not yet ubiquitous. ... -
24
Cropper
jQuery image cropping plugin
Cropper is a powerful and flexible JavaScript image cropping library designed to bring rich, interactive cropping functionality to web applications with minimal setup. It provides users with an intuitive interface to select and adjust crop regions on images using drag-and-drop, zoom, rotate, and aspect-ratio controls, making it ideal for profile picture editors, photo upload tools, and content management interfaces. Developers can initialize Cropper on any <img> element and customize it with... -
25
A Javascript Visual Novel Engine for HTML5 Canvas Latest version is v.0.8.0 (WebGL) Previous version is v.0.7.0 (standard HTML5). See also live version at http://vncanvas-on-nodejs.glitch.me/
