From c03b71f709bc13ccd52e8e29781b55cdb1ca6742 Mon Sep 17 00:00:00 2001
From: Alsmile <alsmile123@qq.com>
Date: Sat, 9 Oct 2021 17:34:54 +0800
Subject: [PATCH] readme

---
 README.CN.md | 31 +++++++++++++------------------
 README.md    | 22 ++++++++++------------
 2 files changed, 23 insertions(+), 30 deletions(-)

diff --git a/README.CN.md b/README.CN.md
index 7a561f74..f8d68402 100644
--- a/README.CN.md
+++ b/README.CN.md
@@ -5,22 +5,15 @@
 Topology 是一个集动态交互、丰富展示、数据管理等一体的全功能可视化引擎，为物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等智能可视化场景而生。支持拓扑图、流程图、脑图、折线图、饼图、仪表盘、web组态、SCADA等场景。
 
 <center style="display:flex">
-<figure style="width:33%">
+<img style="height:100px" src="https://cdn.nlark.com/yuque/0/2021/gif/12382170/1623210619545-5fca920c-bb57-4e52-9569-49dd0d9d331f.gif" >
 
-![le5le topology](https://cdn.nlark.com/yuque/0/2021/gif/12382170/1623210619545-5fca920c-bb57-4e52-9569-49dd0d9d331f.gif)
+<img style="height:100px" src="https://cdn.nlark.com/yuque/0/2021/png/12382170/1619416821688-2218031d-a698-4917-ac8a-72cbbeb62bc7.png?x-oss-process=image%2Fresize%2Cw_1504%2Climit_0%2Fresize%2Cw_1504%2Climit_0" >
 
-</figure>
-<figure style="width:33%">
-
-![le5le topology](https://cdn.nlark.com/yuque/0/2021/png/12382170/1619416821688-2218031d-a698-4917-ac8a-72cbbeb62bc7.png?x-oss-process=image%2Fresize%2Cw_1504%2Climit_0%2Fresize%2Cw_1504%2Climit_0)
-
-</figure>
-<figure style="width:33%">
-
-![le5le topology](https://cdn.nlark.com/yuque/0/2021/png/179380/1632972168922-dfeecea5-2304-4a08-a9ee-3da31c9ac914.png?x-oss-process=image%2Fresize%2Cw_713%2Climit_0)
-</figure>
+<img style="height:100px" src="https://cdn.nlark.com/yuque/0/2021/png/179380/1632972168922-dfeecea5-2304-4a08-a9ee-3da31c9ac914.png?x-oss-process=image%2Fresize%2Cw_713%2Climit_0">  
 </center>
 
+<br>
+
 # 为什么使用
 
 **新引擎** 
@@ -59,31 +52,33 @@ Topology 是一个集动态交互、丰富展示、数据管理等一体的全
  - 大屏展示、IT运维等
 
 
+<br>
+
 # 亮点
 
 **功能丰富，更具高性能**  
   状态、事件、动效、动态监听、自由扩展，可支持1万+以上节点
 
-**动态数据实时监听**
+**动态数据实时监听**  
   支持mqtt、websocket、或http自主请求等多种方式动态监听数据
 
-**钢笔和曲线工具，方便在线定制图形** 
+**钢笔和曲线工具，方便在线定制图形**   
  - AI小图标直接在线制作
  - 随意涂鸦的自由曲线，让创作随心所欲
 
 
 
-**简洁易用的动画**
+**简洁易用的动画**  
   优异的性能，可高达1000动画同时播放
 
-**支持SVG path**
+**支持SVG path**  
   不再把svg当作静态图片，直接支持svg path属性，想要给svg变个色，随手就来
 
 
-**“全民”进度条**
+**“全民”进度条**  
   任意封闭图形，都可以当进度条：矩形、圆、svg、封闭连线、或其他任意封闭图形
 
-**智能自动算法支持**
+**智能自动算法支持**  
  - 连线自动锚点，自动识别最近锚点
  - 自动吸附。拖拽过程中自动推荐对齐点，支持自定义算法替换
  - 其他算法。支持排列布局、自动成图等，定制扩展
diff --git a/README.md b/README.md
index bf527d6e..cbe47535 100644
--- a/README.md
+++ b/README.md
@@ -5,26 +5,24 @@ English | [简体中文](./README.CN.md)
 Topology is a diagram visualization framework uses canvas and typescript. Developers are able to build topology, UML, diagram, architecture, mind, SCADA and so on.
 
 <center style="display:flex">
-<figure style="width:33%">
+<img style="height:100px" src="https://cdn.nlark.com/yuque/0/2021/gif/12382170/1623210619545-5fca920c-bb57-4e52-9569-49dd0d9d331f.gif" >
 
-![le5le topology](https://cdn.nlark.com/yuque/0/2021/gif/12382170/1623210619545-5fca920c-bb57-4e52-9569-49dd0d9d331f.gif)
+<img style="height:100px" src="https://cdn.nlark.com/yuque/0/2021/png/12382170/1619416821688-2218031d-a698-4917-ac8a-72cbbeb62bc7.png?x-oss-process=image%2Fresize%2Cw_1504%2Climit_0%2Fresize%2Cw_1504%2Climit_0" >
 
-</figure>
-<figure style="width:33%">
-
-![le5le topology](https://cdn.nlark.com/yuque/0/2021/png/12382170/1619416821688-2218031d-a698-4917-ac8a-72cbbeb62bc7.png?x-oss-process=image%2Fresize%2Cw_1504%2Climit_0%2Fresize%2Cw_1504%2Climit_0)
-
-</figure>
-<figure style="width:33%">
-
-![le5le topology](https://cdn.nlark.com/yuque/0/2021/png/179380/1632972168922-dfeecea5-2304-4a08-a9ee-3da31c9ac914.png?x-oss-process=image%2Fresize%2Cw_713%2Climit_0)
-</figure>
+<img style="height:100px" src="https://cdn.nlark.com/yuque/0/2021/png/179380/1632972168922-dfeecea5-2304-4a08-a9ee-3da31c9ac914.png?x-oss-process=image%2Fresize%2Cw_713%2Climit_0">  
 </center>
 
+<br>
+
 # Why
 
 Faster, better, smart, more productive.
 
+<br>
+
+# Highlight
+
+
 # License
 
 MIT © le5le.com