Vue-Konva是否支持GLSL？

Question

目前，我正在使用Vue-Konva.js来帮助我为全景图建立一个2D编辑器。

konva.js是否支持GLSL代码以应用图像效果（例如：立体投影）？

也许喜欢这种格式。

KonvaScens.vue

<template>
  <v-stage :config="configKonva">
    <v-layer>
      <v-image :config="configImage"></v-image>
    </v-layer>
  </v-stage>
</template>
<script>
import {myVertexShader, myFragmentShader} from 'imageShader'
export default {
  data () {
    return {
      testImg: new Image(100, 100),
      configKonva: {
        width: 500,
        height: 500
      }
    }
  },
  computed: {
    configImage () {
      return {
        x: 20,
        y: 20,
        image: this.testImg,
        width: 500,
        height: 500,
        vertexShader: myVertexShader,
        fragmentShader: myFragmentShader
      }
    }
  },
  mounted () {
    this.testImg.src = "https://konvajs.github.io/assets/lion.png"
  }
}
</script>

Answer 1

否，vue-konva不支持GLSL。 GLSL可用于webgl画布上下文中。但是Konva仅使用2d上下文。