README.md
1# JsSvg
2
3
4
5### Introduction
6
7This sample shows how to use the JS component **<svg\>** and its child components, including **<rect\>**, **<circle\>**, **<ellipse\>**, **<path\>**, **<line\>**, **<polygon\>**, **<polyline\>**, **<text\>**, **<animate\>**, and **<animateTransform\>**.
8
9### Usage
10
11The home page of the sample app displays the child components of **<svg\>** in four categories. Touch any item to view the display effect.
12
13
14
15### Constraints
16
17This sample can only be run on standard-system devices.
18
README_zh.md
1# 可缩放矢量图形
2
3### 简介
4
5本示例展示了JS中<svg\>组件及其子组件的使用，包括<svg\>、<rect\>、<circle\>、<ellipse\>、<path\>、<line\>、<polygon\>、<polyline\>、<text\>、<animate\>、<animateTransform\>。实现效果如下：
6
7 
8
9### 相关概念
10
11svg：基础容器，主要作为svg的根节点使用，也可以在svg中嵌套使用，支持设置属性动画、路径动画、位移动画等。
12
13### 相关权限
14
15不涉及。
16
17### 使用说明
18
19首页中<svg\>的子组件很多，本示例中，在首页显示一个列表，将svg的子组件分为四个列表项展示，点击进入对应的界面可以查看各个子组件的显示效果。
20
21### 约束与限制
22
231.本示例支持标准系统上运行。
24
252.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
