diff --git a/src/components/MapConcernements.vue b/src/components/MapConcernements.vue index 5994ecd..ba9cc96 100644 --- a/src/components/MapConcernements.vue +++ b/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 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; - let circle = new paper.Path.Circle({ - radius: 3, + 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 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 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' }); },