问题标签 [vue-konva]

我正在与 Konvajs 一起在画布上工作。我有一个要制作动画的圆形图层。有没有办法向按钮添加自定义 CSS 以使其闪烁。下面是 Konva 配置的代码部分。

我想根据其父容器的宽度设置 Konva 的高度和宽度。当我在舞台上使用静态值时

stageConfiguration:{ height: innerWidth * .5, width:innerWidth * 0.5}

每次调整屏幕大小时都必须刷​​新。有没有办法将动态高度和宽度设置为stageConfiguration。目前我坚持这一点并寻找一种设置动态高度和宽度的方法。

这是我想在 Vue.js 中实现的行为这是我正在尝试制作的 Js fiddle 示例： https ://jsfiddle.net/richardcwc/ukqhf54k/

我正在使用一个名为Konva.js的库。现在我可以使用 Konva.js 在 Vue.js 中自由绘图了。但是当我尝试用 mousemove 绘制矩形时。它不能正常工作。我不确定是什么导致了这个问题。谢谢你的帮助！这是我在 代码沙盒上的工作

这是我在工作中发现的行为。它仅在鼠标移动事件和鼠标单击事件之后绘制矩形。

我想在 vue.js 中使用 konva 来绘制要在画布中显示的形状，所以我有一些矩形存储在 rectangles 数组中，需要绘制，但没有绘制任何东西。

我正在尝试使用 Vue 2 中的 Vue-Konva 构建一个非常基本的视频编辑应用程序。这是一个名为“konvaStage”的 Vue 组件。这是一个带有 1px 黑框的简单舞台：

尽管在组件文件和父应用程序视图中使用 CSS 来对齐舞台，但舞台始终位于左侧居中，与窗口边框有一些边距。我同时使用了 text-align 和 align-content 属性。

我设法通过将舞台包装在<p align='center'> </p>标签中来找到一种方法。但是，添加边框会显示画布会扩展到页面的整个宽度。特别是，在此配置中管理点击事件及其坐标是不可能的。

有没有更好的方法来做到这一点？

在此处输入图像描述

有没有办法创建 N+1 个阶段？

以下是如何创建一个阶段。

我正在尝试调整文本元素的大小，但是当我尝试使其更大时，我总是会更改比例。

我像 konvajs vue 文档一样配置了转换器选项并且运行良好，然后我像 js 示例一样进行配置，但是当您调整文本元素的大小时，文本总是会更改比例，并且元素的大小有时不会更改为您拥有的大小选择但要大得多。

我基于 js 中的示例（https://konvajs.org/docs/select_and_transform/Resize_Text.html#page-title）并尝试将其传递给 vue。

我在 main.js 上导入了库

app.js 模板

app.js 脚本

此代码示例 https://codesandbox.io/s/transform-07mwo

编辑：用代码更新

我在 Vue 应用程序中使用 Konva，我无法在浏览器控制台中抑制 Konva 的警告。根据Konva 文档，有一个选项，Konva.showWarnings = false。（我理解警告本身并知道其可能的含义）。

我已经检查过了：关闭 Konvajs 警告，但无济于事，这里的答案只是说明存在这样的设置。

我在 main.js 文件中所做的事情：

然后我尝试应用设置：

我也尝试在 Vue.use 中添加它作为选项：

……但无济于事。

我在这里想念什么？

我Konva/Vue-Konva在我的Nuxtjs应用程序中使用来绘制Rectangle. 我有Add Node按钮，每当用户单击按钮时，他应该能够Ractangular在Konva Canvas.

我正在尝试做同样的事情，但我遇到了错误：

我想要做的就是使用Konva基于用户单击Add Node按钮的矩形形状

以下是我的示例代码：