diff --git a/ShadowEditor.Web/locales/zh-CN.json b/ShadowEditor.Web/locales/zh-CN.json
index ab0e790f..b9e09d43 100644
--- a/ShadowEditor.Web/locales/zh-CN.json
+++ b/ShadowEditor.Web/locales/zh-CN.json
@@ -941,5 +941,6 @@
     "Input marker name:": "输入标注名称",
     "Marker name": "标注名称",
     "Enable Hover": "启用高亮",
-    "Hover Color": "高亮颜色"
+    "Hover Color": "高亮颜色",
+    "Basic Shape": "基础图形"
 }
\ No newline at end of file
diff --git a/ShadowEditor.Web/src/editor/menu/VisualMenu.jsx b/ShadowEditor.Web/src/editor/menu/VisualMenu.jsx
index 8dc03de7..3c39d694 100644
--- a/ShadowEditor.Web/src/editor/menu/VisualMenu.jsx
+++ b/ShadowEditor.Web/src/editor/menu/VisualMenu.jsx
@@ -14,7 +14,7 @@ class VisualMenu extends React.Component {
 
     render() {
         return <MenuItem title={_t('Visual')}>
-            <MenuItem title={_t('Basic')}
+            <MenuItem title={_t('Basic Shape')}
                 onClick={this.handleAddCircle}
             />
         </MenuItem>;
diff --git a/ShadowEditor.Web/src/visual/basic/SvgAnchor.jsx b/ShadowEditor.Web/src/visual/basic/SvgAnchor.jsx
new file mode 100644
index 00000000..b80167fc
--- /dev/null
+++ b/ShadowEditor.Web/src/visual/basic/SvgAnchor.jsx
@@ -0,0 +1,14 @@
+/**
+ * Svg锚点
+ * @author tengge / https://github.com/tengge1
+ */
+class SvgAnchor extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return <a />;
+    }
+}
+
+export default SvgAnchor;
\ No newline at end of file
diff --git a/ShadowEditor.Web/src/visual/basic/SvgCircle.js b/ShadowEditor.Web/src/visual/basic/SvgCircle.jsx
similarity index 100%
rename from ShadowEditor.Web/src/visual/basic/SvgCircle.js
rename to ShadowEditor.Web/src/visual/basic/SvgCircle.jsx