bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redesigned entites agissante icon #2249

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-09-29 11:15:38 +02:00
parent 58a42b4f93
commit 86cb049c94
1 changed files with 91 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
src/components/MapConcernements.vue
View File

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