easy-drawing

a react component that can draw arbitrary graphics and motion path in canvas by using latitude and longitude easily

Usage no npm install needed!

<script type="module">
  import easyDrawing from 'https://cdn.skypack.dev/easy-drawing';
</script>

README

Easy Drawing

A react component that can draw arbitrary graphics、arbitrary maps and motion path in canvas by using latitude and longitude easily just like copying.

NPM size

English | 简体中文

📄 Documents & Examples

  • Adhere to the principle of simplicity, you will not spend too much energy

✨ Descriptions

In general, even if you master the canvas and svg well, you will still face many challenges in the drawing process. The biggest challenge is how to get the coordinates easily, which including the vertex coordinates of various shapes, and any coordinates you want to know relative to a reference. So how relaxed it will be if you can draw a graph in canvas as easily as copy a graph.

In view of this, I chose to draw using latitude and longitude. Here,the longitude is the X coordinate, and the latitude is the y coordinate.

So you can pick up a set of coordinate points of a graph that you see or in your mind on Google maps. With these points, you can draw the corresponding graphics.

🚇 Environment Support

Modern browsers and Internet Explorer support canvas

IE / Edge IE / Edge IE / Edge IE / Edge IE / Edge
9+ 3.6+ 4+ 4+ 4+

⏬ Install

npm install easy-drawing
yarn add easy-drawing

🖱️ Usage

import  EasyDrawing from 'easy-drawing';

📷 License

MIT © Facebook Inc.