equal
deleted
inserted
replaced
2 <g ref="g" v-bind:transform="transform"> |
2 <g ref="g" v-bind:transform="transform"> |
3 <rect |
3 <rect |
4 ref="shape" |
4 ref="shape" |
5 x="0" y="0" |
5 x="0" y="0" |
6 v-bind:width="width" v-bind:height="height" |
6 v-bind:width="width" v-bind:height="height" |
7 fill="#bdc3c7" |
|
8 stroke="#000" |
|
9 v-bind:stroke-width="handlerSize / 5" |
7 v-bind:stroke-width="handlerSize / 5" |
10 v-bind:stroke-dasharray="(handlerSize / 5) + ',' + (handlerSize / 5)" |
8 v-bind:stroke-dasharray="(handlerSize / 5) + ',' + (handlerSize / 5)" |
11 style="opacity: 0.6;" |
9 class="shape" |
12 class="shape"></rect> |
10 v-bind:class="{ 'shape--draggable': !readonly }"></rect> |
13 <rect |
11 <rect |
14 ref="topLeft" |
12 ref="topLeft" |
15 v-show="showResizeHandlers" |
13 v-show="showResizeHandlers" |
16 v-bind:x="(handlerSize / 2) * -1" v-bind:y="(handlerSize / 2) * -1" |
14 v-bind:x="(handlerSize / 2) * -1" v-bind:y="(handlerSize / 2) * -1" |
17 v-bind:width="handlerSize" v-bind:height="handlerSize" |
15 v-bind:width="handlerSize" v-bind:height="handlerSize" |
207 } |
205 } |
208 |
206 |
209 </script> |
207 </script> |
210 |
208 |
211 <style scoped> |
209 <style scoped> |
212 .shape:hover { |
210 .shape { |
|
211 fill: #bdc3c7; |
|
212 stroke: #000; |
|
213 opacity: 0.6; |
|
214 } |
|
215 .shape--draggable:hover { |
213 cursor: move; |
216 cursor: move; |
214 } |
217 } |
215 .handler-top-left:hover { |
218 .handler-top-left:hover { |
216 cursor: nw-resize; |
219 cursor: nw-resize; |
217 } |
220 } |