What is it all about?
GraphicsJS, a free and open-source JavaScript library for easily drawing any HTML5 graphics and animation from scratch. It is lightweight and more powerful in terms of out-of-the-box features than the existing SVG/VML based components on the market including the segment's former leaders, Raphaël and Bonsai.
It can be utilized to build absolutely any graphics-related patterns and solutions including stunning, animated pictures, cartoons, infographics, mind maps, and so on.
Video & Images
Images
Key Features
* Rich text features - multiline texts, text measurement, including width, height, as well as wrap, overflow, indent, spacing, align, etc. * Powerful line drawing - far beyond just Bézier curves (any curves, arcs, and other deformations). * Virtual DOM - for drawing rapidly and only what is necessary. * Smart layering system (including z-index). * Transformation engine - no need to use embarrassing in-browser transformations. * Support of legacy browsers (IE6+). * Clear and concise JavaScript API with chaining support.
Resources
Resource Type |
Link |
|---|---|
| Documentation | http://docs.anychart.com/latest/Graphics/Basics |
| API | http://api.anychart.com/latest/anychart.graphics |
| Website | http://www.graphicsjs.org |
| GitHub | https://github.com/anychart/graphicsjs |
| Playground | http://playground.anychart.com/gallery/latest/Graphics |
| SitePoint: Introducing GraphicsJS, a Powerful Lightweight Graphics Library | https://www.sitepoint.com/introducing-graphicsjs-a-powerful-lightweight-graphics-library/ |
Pricing
Yearly
Monthly
Lifetime
Free
Freemium
Trial With Card
Trial No Card
By Quote
Description
Free, open-source.
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
){kind=logo}
Top DiscoverSDK Experts
Meir Rabinovich
Real time and embedded developer
Hardware and RT | General Libraries and 5 more
View Profile
Interested in becoming a DiscoverSDK Expert? Learn more
X
Compare Products
Select up to three two products to compare by clicking on the compare icon () of each product.
{{compareToolModel.Error}}Now comparing:
{{product.ProductName | createSubstring:25}} X