问题标签 [vue-konva]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 使用带有 nuxtjs 的 vue-konva 失败并出现各种错误
npm install vue-konva konva --save使用and安装 vue-konva 和 konva 和画布npm install canvas --save。在具有以下内容的文件夹下
vuekonva.js创建：plugins
添加
plugins: [ "~/plugins/vuekonva"],下nuxt.config.js我尝试添加下
nuxt-config.js但仍然没有运气：
- 在文件夹下创建了一个页面
pages并从文档中添加了代码：
我得到错误：
Must use import to load ES Module:
我试过没有插件，它抛出了错误：
不明白是什么问题请帮忙。
vue.js - 创建基于按钮单击事件动态创建的 Konvajs 形状和连接
我想在我的应用程序中创建Rectangle Shapes和Connections使用。Vue-Konva/Konvajs我不想创建加载Static值，而是想Shapes在用户单击Add Node按钮时创建并在用户单击按钮Connectors时创建Add Connector并建立Shapes.
我研究了一些东西，并能够使用 .mouse events但无法将其转换为button clicks.
以下是我拥有的当前代码：CodeSandbox
有人可以指导我如何在单击按钮事件时创建形状和连接器吗？非常感谢任何建议或指导。
我正在寻找这样的东西：
vue.js - Konvajs/Vue-konva 为每个创建的 Rect 形状添加文本/标签
我Konvajs/Vue-Konva在我的Vuejs/Nuxt应用程序中使用。使用Konva我Rect在运行时动态创建形状。我想知道是否有办法Text/Label在每个形状中添加一个。我想为每个添加一个名称，Shape以便分别识别每个Shape。
我在CodeSandBox中添加了我的代码示例。
有人可以让我知道如何将其添加到使用创建Text/Label的每个Rect/ShapeVue-Konva
vue.js - Konvajs/Vue-Konva 使用连接器动态连接形状
我Konvajs/Vue-Konva在我的Vuejs/Nuxt应用程序中使用。使用Konva我Rect在运行时动态创建形状。现在我想用某种方式Connectors来连接不同的东西，Rect Shapes这样我就可以有逻辑来建立关系。source RectTarget RectParent-Child
我正在connectors使用相同的方法创建它，shapes但由于某种原因，它没有按预期工作。
我在CodeSandBox中添加了我的代码示例。
我正在寻找这样的东西，我可以在Nodes/Shapes其中使用某种Connectors标签来绘制和连接它们。有人可以让我知道如何添加Connectors并构建逻辑以了解Rect/Shape已使用Vue-Konva
vuejs3 - vue-konva 如何开始绘图
在事件 mousedown 时需要在舞台元素中开始绘画。我在官方文档中有带有js的模板和示例。我如何使用 Line 并开始绘制？
来自官方文档的示例
vue.js - vue-konva 如何使用 jpg、png 等图像和线条保存图层
在图层上有带有图像和线条的 v-group，舞台如下：
在我的函数中，我尝试从舞台获取 dataurl 以保存 img：
如果我单击按钮，我会得到e.target.toDataURL 不是函数
如何获取 dataURL 来保存图像？