From a0f3f73ead537dc23beaaf17dac03af67b6bad9d Mon Sep 17 00:00:00 2001
From: chenshenhai <cshenhai@gmail.com>
Date: Wed, 28 Jul 2021 01:06:02 +0800
Subject: [PATCH] docs: update readme

---
 README.md | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 072d6e6..e4cde4d 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,25 @@
-# idraw
+<h1 align="center">iDraw.js</h1>
 
-[![Node.js CI](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml)
\ No newline at end of file
+<p align="center">iDraw.js is a simple JavaScript framework for Drawing on the web.</p>
+
+
+<p align="center">
+  <a title="CI" href="https://github.com/idrawjs/idraw/actions/workflows/node.js.yml">
+    <img src="https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main" alt="CI">
+  <a>
+
+  <a href="https://www.npmjs.com/package/idraw">
+    <img src="https://img.shields.io/npm/v/vue.svg?sanitize=idraw" alt="Version">
+  </a>
+  <a href="https://www.npmjs.com/package/idraw">
+    <img src="https://img.shields.io/npm/l/idraw.svg?sanitize=true" alt="License">
+  </a>
+</p>
+
+
+<!-- [![Node.js CI](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml) -->
+
+<hr/>
+
+- Documents `// TODO`
+- [Playground](https://idrawjs.github.io/playground/)
\ No newline at end of file