--- a/src_js/iconolab-bundle/src/components/editor/ShapeFree.vue	Wed Feb 22 15:39:28 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/editor/ShapeFree.vue	Wed Feb 22 15:41:07 2017 +0100
@@ -3,17 +3,15 @@
         <path ref="path" v-bind:d="path" stroke="#000000" fill="#bdc3c7"
             v-bind:stroke-width="handlerRadius / 2"
             v-bind:stroke-dasharray="(handlerRadius / 3) + ',' + (handlerRadius / 3)" style="opacity: 0.6;"></path>
-        <circle
+        <circle ref="handlers"
             v-for="(point, key) in points"
             :key="key"
+            v-show="!readonly"
             v-bind:data-key="key"
-            ref="handlers"
             v-bind:cx="point.x"
             v-bind:cy="point.y"
             v-bind:r="handlerRadius"
-            stroke="#000000"
             v-bind:stroke-width="handlerRadius / 2"
-            style="opacity: 0.9;"
             v-bind:class="{ handler: true, 'handler--first': key === 0 &amp;&amp; !closed }"></circle>
     </g>
 </template>
@@ -29,6 +27,7 @@
         props: [
             'paper',
             'original-annotation',
+            'readonly',
         ],
         data() {
             return {
@@ -190,12 +189,9 @@
 <style scoped>
 .handler {
     fill: #fff;
+    stroke: #000;
+    opacity: 0.9;
 }
-/*.handler:hover {
-    cursor: -webkit-grab;
-    cursor: -moz-grab;
-    cursor: grab;
-}*/
 .handler--first {
     fill: yellow;
 }