Update

supernapie · Aug 9, 2024 · 6a146ba · 6a146ba
1 parent dc164d6
commit 6a146ba
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/demos/navbutton/index.js b/demos/navbutton/index.js
@@ -5,8 +5,15 @@ let navbutton = path({
     url: new URL('../../img/nav.svg', import.meta.url)
 });
 
+let targetW = 100;
+
 gg.on('draw', (e) => {
     let { ctx } = e;
+    let { vc } = gg.last('resize');
+    ctx.restore();
+    ctx.save();
+    let scale = targetW / navbutton.w * vc;
+    ctx.scale(scale, scale);
     gg.emit('color', { fill: 'tomato' });
     navbutton.draw(e);
 });
diff --git a/js/draw/path.js b/js/draw/path.js
@@ -3,7 +3,9 @@ import svg from '../svg.js';
 export default (options = {}) => {
     let defaults = {
         url: false,
-        paths: []
+        paths: [],
+        w: 0,
+        h: 0
     };
     Object.assign(defaults, options);
     Object.assign(options, defaults);
@@ -26,6 +28,8 @@ export default (options = {}) => {
             el.querySelectorAll('path').forEach((path) => {
                 options.paths.push(path.getAttribute('d'));
             });
+            options.w = Number(el.querySelector('svg').getAttribute('width').replace('px', '')) || 0;
+            options.h = Number(el.querySelector('svg').getAttribute('height').replace('px', '')) || 0;
         }
     });
     return options;