vue-annotator icon indicating copy to clipboard operation
vue-annotator copied to clipboard

run event select after event @draw-end="createRect"

Open patrykKlimczak opened this issue 5 years ago • 3 comments

Hi, I have problem with run methods after methods

createRect() {
      const canvas = this.$refs.canvas;
      const eIsSameNode = e.node.isSameNode(canvas);
      this.$refs.canvas._events.select(eIsSameNode);
}

Now: image

I need to create new rect element and just now select this:

image

patrykKlimczak avatar Feb 10 '20 08:02 patrykKlimczak

Could you tell me:

  • the web browser you use along with its version number
  • the exact Vue version
  • the exact version number of the dependencies being installed when you add/use vue-annotator https://github.com/DrSensor/vue-annotator/blob/ec8edc4a9d485628adab6421a039caa404daf062/package.json#L52-L60

DrSensor avatar Feb 14 '20 21:02 DrSensor

  1. Google Chrome Version: 79.0.3945.130
  2. Vue: 2.5.18

image

I try this:

<v-annotator ref="canvas"
                  class="border"
                  inertia
                  :delete.sync="deletingRect.status"
                  :drawing="true"
                  :minSize="[20, 20]"
                  @select="getSelect"
                  @draw-end="createRect"
                  @resize-end="changeRect"
                  @move-end="changeRect"
                  :grid="[5, 5]">
                  <img draggable="false" :src="screenImg" />
                  <rect slot="drawing" class="rectDrawing" stroke="red"/>
              </v-annotator>

And I need to @draw-end event run select event on refs component @select

patrykKlimczak avatar Feb 19 '20 13:02 patrykKlimczak

I has this methods:

this.$refs.canvas.$listeners.select();

but I have error

image

Scope function on refs:

image

patrykKlimczak avatar Feb 19 '20 13:02 patrykKlimczak