Selaa lähdekoodia

redesigned entites agissante icon #2249

bach 1 vuosi sitten
vanhempi
commit
86cb049c94
1 muutettua tiedostoa jossa 93 lisäystä ja 34 poistoa
  1. 93 34
      src/components/MapConcernements.vue

+ 93 - 34
src/components/MapConcernements.vue

@@ -976,56 +976,115 @@ export default {
       })
     },
     setPaperEntiteActionIconSymbol(){
-      let svgIcon = paper.project.importSVG(iconAction);
-      svgIcon.strokeWidth = 0.8;
-      svgIcon.scale(0.6);
-      svgIcon.strokeColor = '#000';
-      svgIcon.fillColor = null;
-      svgIcon.position = {x:0, y:0};
+      // let svgIcon = paper.project.importSVG(iconAction);
+      // svgIcon.strokeWidth = 0.8;
+      // svgIcon.scale(0.6);
+      // svgIcon.strokeColor = '#000';
+      // svgIcon.fillColor = null;
+      // svgIcon.position = {x:0, y:0};
 
-      // let circle = new paper.Path.Circle({
-      //   radius: 3,
-      //   fillColor: 'rgba(255,255,255,0.01)'
-      // })
+      let children = [];
+      let ray = 2; //this.map_item_ray;
+      let pos = {x:0, y:0};
+
+      children.push(new paper.Path.Line({
+        from: [- ray, ray],
+        to: [ray, - ray],
+        strokeColor: '#000',
+        strokeWidth: 1.1
+      })); 
+
+      children.push(new paper.Path.Line({
+        from: [ray, ray],
+        to: [- ray, - ray],
+        strokeColor: '#000',
+        strokeWidth: 1.1
+      })); 
 
       return new paper.Group({
-        children: [svgIcon],
+        children: children,
         name: 'action_icon'
       });
     },
     setPaperEntiteActionSymbol(){
-      let svgIcon = paper.project.importSVG(iconAction);
-      svgIcon.strokeWidth = 0.25;
-      svgIcon.scale(0.15);
-      svgIcon.strokeColor = '#000';
-      svgIcon.fillColor = null;
-      svgIcon.position = {x:0, y:0};
-
-      let circle = new paper.Path.Circle({
-        radius: 3,
+      // let svgIcon = paper.project.importSVG(iconAction);
+      // svgIcon.strokeWidth = 0.25;
+      // svgIcon.scale(0.15);
+      // svgIcon.strokeColor = '#000';
+      // svgIcon.fillColor = null;
+      // svgIcon.position = {x:0, y:0};
+      let children = [];
+      let ray = 0.7; //this.map_item_ray;
+      let pos = {x:0, y:0};
+      let strokewidth = 0.4;
+
+      children.push(new paper.Path.Line({
+        from: [- ray, ray],
+        to: [ray, - ray],
+        strokeColor: '#000',
+        strokeWidth: strokewidth
+      })); 
+
+      children.push(new paper.Path.Line({
+        from: [ray, ray],
+        to: [- ray, - ray],
+        strokeColor: '#000',
+        strokeWidth: strokewidth
+      })); 
+
+      children.push(new paper.Path.Circle({
+        radius: ray,
         fillColor: 'rgba(255,255,255,0.01)'
-      })
+      }))
 
       return new paper.Group({
-        children: [circle, svgIcon],
+        children: children,
         name: 'action_icon'
       });
     },
     setPaperEntiteActionHoverSymbol(){
-      let svgIcon = paper.project.importSVG(iconAction);
-      svgIcon.strokeColor = '#01ffe2';
-      svgIcon.strokeWidth = 0.25;
-      svgIcon.scale(0.15);
-      svgIcon.fillColor = null;
-      svgIcon.position = {x:0, y:0};
-
-      let circle = new paper.Path.Circle({
-        radius: 3,
-        fillColor: 'rgba(255,255,255,0.05)'
-      })
+      // let svgIcon = paper.project.importSVG(iconAction);
+      // svgIcon.strokeColor = '#01ffe2';
+      // svgIcon.strokeWidth = 0.25;
+      // svgIcon.scale(0.15);
+      // svgIcon.fillColor = null;
+      // svgIcon.position = {x:0, y:0};
+
+      // let circle = new paper.Path.Circle({
+      //   radius: 3,
+      //   fillColor: 'rgba(255,255,255,0.05)'
+      // })
+
+      // return new paper.Group({
+      //   children: [circle, svgIcon],
+      //   name: 'action_icon'
+      // });
+      let children = [];
+      let ray = 0.7; //this.map_item_ray;
+      let pos = {x:0, y:0};
+      let strokewidth = 0.4;
+
+      children.push(new paper.Path.Line({
+        from: [- ray, ray],
+        to: [ray, - ray],
+        strokeColor: '#01ffe2',
+        strokeWidth: strokewidth
+      })); 
+
+      children.push(new paper.Path.Line({
+        from: [ray, ray],
+        to: [- ray, - ray],
+        strokeColor: '#01ffe2',
+        strokeWidth: strokewidth
+      })); 
+
+      children.push(new paper.Path.Circle({
+        radius: ray,
+        fillColor: 'rgba(255,255,255,0.01)'
+      }))
 
       return new paper.Group({
-        children: [circle, svgIcon],
+        children: children,
         name: 'action_icon'
       });
     },