search

DrSensor / vue-annotator

Vue Component for drawing annotation (rect, polygon, etc) using SVG element
http://vue-annotator.surge.sh
MIT License
79 stars 16 forks source link

Add event listener for delete and option for enable delete #6

Closed DrSensor closed 6 years ago

DrSensor commented 6 years ago

Related to #5, add feature for doing delete operation.

<img v-if="!deleted" src="delete_me_senpai.png" />

<annotator enable-delete
  @delete="element  => deleted = element.node.isSameNode(this.$refs.red)"
>
   <rect ref="red" stroke="red" x="45" y="23" width="100" height="120" />
</annotator>
DrSensor commented 6 years ago

Utilize delete.sync to make it simple. To delete:

  1. Select shape you want to delete
  2. Set :delete.sync="true" to delete selected shapes