useImage hook

[lavrton]

I just released a new version with a little useImage hook. Usage:

<template>
  <v-stage :config="stageSize">
    <v-layer>
      <v-image :config="imageConfig" />
    </v-layer>
  </v-stage>
</template>

<script setup>
import { ref, onMounted } from 'vue';
import { useImage } from 'vue-konva';

const stageSize = {
  width: window.innerWidth,
  height: window.innerHeight
};

const [image] = useImage('https://konvajs.org/assets/darth-vader.jpg');
const imageConfig = ref({
  x: 50,
  y: 50,
  image,
  width: 100,
  height: 100
});
</script>

If you read this, and interested in vue-konva. Try it. Let me know how it works for you.

[rsaleri]

Tried on nuxt:

It doesn't like it...

[lavrton]

Is it the last version of vue-konva?

[rsaleri]

Yes, 3.2.0, I made sure to update before trying it. It's strange, because Webstorm recognize it, but then nuxt die badly.

Oh, well, I finished working for today, I'll try again on monday. Have a nice weekend ;)