目前,我正在使用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>发布于 2018-10-25 13:08:57
不,vue-konva不支持GLSL。GLSL可以在webgl画布上下文中使用。但是Konva只使用2d上下文。
https://stackoverflow.com/questions/52982480
复制相似问题