feat(demo.isometric): new example of isometric projection (#2204)

clientIO · Jun 7, 2023 · 75a94c0 · 75a94c0
1 parent ff2acb9
commit 75a94c0
Show file tree

Hide file tree

Showing 38 changed files with 1,735 additions and 0 deletions.
diff --git a/demo/isometric/.gitignore b/demo/isometric/.gitignore
@@ -0,0 +1,2 @@
+package-lock.json
+dist/
diff --git a/demo/isometric/assets/jj-logo.svg b/demo/isometric/assets/jj-logo.svg
diff --git a/demo/isometric/assets/router-icon.svg b/demo/isometric/assets/router-icon.svg
diff --git a/demo/isometric/assets/switch-icon.svg b/demo/isometric/assets/switch-icon.svg
diff --git a/demo/isometric/index.html b/demo/isometric/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Isometric Diagram | JointJS</title>
+  </head>
+  <body>
+    <div id="canvas"></div>
+    <button id="toggle">Toggle 2D / Isometric View</button>
+    <a rel="noopener" target="_blank" href="https://www.jointjs.com">
+      <img title="JointJS Logo" id="logo" src="assets/jj-logo.svg" width="200" height="50"></img>
+    </a>
+    <script src="dist/bundle.js"></script>
+  </body>
+</html>
diff --git a/demo/isometric/package.json b/demo/isometric/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "joint-isometric-architecture",
+  "version": "3.7.2",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "webpack-dev-server",
+    "tsc": "tsc"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "jointjs": "latest",
+    "@joint/decorators": "latest"
+  },
+  "devDependencies": {
+    "css-loader": "^6.8.1",
+    "raw-loader": "^4.0.2",
+    "style-loader": "^3.3.3",
+    "ts-loader": "^9.2.5",
+    "typescript": "^4.4.3",
+    "webpack": "^5.53.0",
+    "webpack-cli": "^4.8.0",
+    "webpack-dev-server": "^4.2.1"
+  }
+}
diff --git a/demo/isometric/src/.eslintrc.js b/demo/isometric/src/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+    'extends': '../.eslintrc.js',
+    'parser': '@typescript-eslint/parser',
+};