diff -r 60d98f985e3b -r 0aa597a588c1 src_js/iconolab-bundle/src/components/editor/Canvas.vue --- a/src_js/iconolab-bundle/src/components/editor/Canvas.vue Wed Mar 15 17:11:48 2017 +0100 +++ b/src_js/iconolab-bundle/src/components/editor/Canvas.vue Wed Mar 15 17:34:53 2017 +0100 @@ -33,6 +33,7 @@ v-bind:original-annotation="annotation" v-bind:original-path="annotation.path" v-bind:readonly="readonly" + v-bind:stroke-width="strokeWidth" v-on:click="onAnnotationClick(annotation)"> @@ -44,6 +45,7 @@ @@ -147,7 +149,8 @@ imgMinSize: 0, imageWidth: 0, imageHeight: 0, - readonly: false + readonly: false, + strokeWidth: 15, } }, computed: { @@ -201,16 +204,16 @@ height: bcr.height }; + var handlerSize = 15 * Math.min(viewBox[2], viewBox[3]) / viewport.width; + + this.$refs.rect.handlerSize = handlerSize; + Object.assign(this, { viewBox: viewBox, viewport: viewport, + strokeWidth: handlerSize / 4, }); - var handlerSize = 15 * Math.min(viewBox[2], viewBox[3]) / viewport.width; - - this.$refs.rect.handlerSize = handlerSize; - this.$refs.free.handlerRadius = handlerSize / 2; - this.paper.attr({"viewBox": this.viewBox}); if (_.size(this.annotations) > 0) {