英文原文: https://argusic.com/subject/vue-konva

vue-konva

用于 Konva 2d 画布库的 Vue 组件。在 Vue 中构建交互式图形、设计编辑器和白板。

可运行来源：GitHub项目主页TypeScriptMITcommit eedf13ce9f42

TypeScript，MIT 许可证. 项目的自我描述：canvas、canvas animation、canvas editor、design editor、graphics、konva、konvajs 和 shape.

vue-konva 可以运行。一个 Argusic agent 在一台没有 GPU 的干净机器上用 13 分钟完成了安装，遇到 3 个错误，并在无人协助的情况下全部修复，整个会话都被记录了下来。

Standard npm install succeeded and, when run on Node 22, npm test exits 0 with 62 passing tests and npm run build exits 0 producing dist bundles (vue-konva.js, vue-konva.umd.js, vue-konva-core.js) plus .d.ts declarations; no tracked repo files were modified.

agent 在干净的机器上最终得到的结果，用它自己的话说。 测量方式

每一次都由 Argusic 在全新机器上实测。每个数字都链接到对应的证据。 Argusic 评分 100，满分 100（该项目各次运行得分的平均值）。

概览

结论
可运行
Argusic 评分
100 / 100
验证运行的成本
0.06 USD（实测）
已记录的运行次数
1
最近测试
星标
1,359
fork 数
141
未关闭的 issue
0
关注者
22
大小
2 MB
创建于
最近推送

项目数据来自 GitHub，链接见本页顶部，更新于 。测试数据由 Argusic 提供 (CC BY 4.0)；每个数字都链接到一个运行页面，附完整的 log、录屏及其 sha256 哈希。

测量了什么

来自决定该结论的那次运行。 每一行都是记录下来的数值，而非估算。

测试 vue-konva 时每个故障耗费的时间，取自已记录的运行
每一根柱子都是 agent 记录的一次失败，以及它耗费的时间。数据仅取自本次运行。

哪里出了问题，用 agent 自己的话说

agent 的原话，最严重的排在最前，从不改写成建议。

  • Container has Node 18.19.1 but the project's devDependencies (vite 8.2.2, vitest 4.1.11, jsdom 30) require Node >=22 (vite: ^20.19||>=22.12, vitest: ^20||^22, jsdom: ^22.22.2). npm test crashed at startup: 'node:util' does not provide 'styleText'.8 分钟
  • Rolldown's native binding was not installed (npm optional-dependencies bug, npm/cli#4828): 'Cannot find native binding ... @rolldown/binding-wasm32-wasi'.3 分钟
  • Running tests on Node 20 failed with 'webidl.util.markAsUncloneable is not a function' because jsdom 30 pulls undici 8 which needs Node >=22.2 分钟
安装时间
13 分钟
从冷启动机器到完成
5 分钟
遇到并修复的错误
遇到 3 个，在无人协助的情况下修复了 3 个
结果是如何证明的
npm test (on Node 22) exited 0, 3 files passed, 62 passed, 1 skipped, no type errors; npm run build exited 0 (main+core bundles plus tsc declarations); scripts/check-dist.mjs exited 0: '23 declaration refs resolve; ESM entries and the UMD/CDN build work' and it mounted the UMD build in jsdom confirming a <v-circle> rendered a real Konva shape with a canvas element.
使用的模型 token
101,078
测试的确切 commit
eedf13ce9f42
容器镜像
sha256:cdd920bce783

没有测量什么

另一半内容，让你清楚看到这些证据能说明到什么程度。缺失的数据就标为缺失，从不填补。

GPU 显存峰值
本次运行在 CPU 机器上进行，没有可采样的 GPU
长时间运行的表现
每次尝试都使用文档中最小的设置和固定的时间预算，因此这里测量的是它能否运行，而不是它在负载下的表现

录屏的结尾

决定该结论的终端会话的最后几行，与录制时完全一致。

## Findings
**Install**
- `npm install` succeeded (215 packages added, exit 0). No tracked repo files were modified.
**Errors diagnosed and fixed**
1. **Node version gap (root cause):** Container has Node 18.19.1, but the project's pinned devDepen…
2. **Missing rolldown native binding:** `Cannot find native binding ... @rolldown/binding-wasm32-wa…
3. **jsdom/undici on Node 20:** `webidl.util.markAsUncloneable is not a function` — jsdom 30's undi…
**Verification (real behavior, tier1_real)**
- `npm test` on Node 22: exit 0 — **3 test files passed, 62 passed, 1 skipped, no type errors**.
- `npm run build` on Node 22: exit 0 — built `vue-konva.js`, `vue-konva.umd.js`, `vue-konva-core.js…
- `scripts/check-dist.mjs`: exited 0 with **"23 declaration refs resolve; ESM entries and the UMD/C…
No third-party keys or network endpoints are involved in this library, so no mocks were needed.

回放完整会话，从干净的机器到此刻的每一条命令。

测试方式

一个 agent，一个容器，没有人工协助。它按照项目自身文档所写的方式安装项目，运行它，并修复出错的地方。下面的一切都按实际发生的过程记录：终端会话、log 和确切的 commit。 完整方法论.

优势与局限

均为实测事实，而非观点。内容是如何撰写的.

顺利的部分

  • 在干净的机器上达到了运行状态，会话有完整记录。
  • 在无人介入的情况下从全部 3 个错误中恢复，说明这些故障的文档足以让人解决。
  • 无需 GPU 即可运行，因此启动它并不需要 GPU。
  • 采用 MIT 许可证，以其托管平台报告的信息为准。

不顺利或尚不清楚的部分

  • 安装用了 13 分钟，慢于 Argusic 测量过的 8 个同类项目的中位数。
  • 目前只测量过一次。单次尝试只能说明它可以运行，不能说明它能稳定运行。

在 Argusic 安装并计时过的 9 个 canvas 项目中，vue-konva 达到运行状态的速度排名第 7，9 个项目中有 6 个达到了运行状态。

适合用于

  • 在笔记本电脑或小型服务器上试用：它无需 GPU 即达到了运行状态。

同一领域中也测试过的项目

这里的每个项目都由 Argusic 在干净的机器上安装并运行过。未经测试的项目不会出现在这里。

  • react-konva 已验证可运行 · TypeScript · 5 个共同主题
  • excalidraw 已验证可运行 · TypeScript · 2 个共同主题
  • paint-board 已验证可运行 · TypeScript · 2 个共同主题
  • quickdraw 已验证可运行 · JavaScript · 2 个共同主题
  • markeron 已测试，未验证 · TypeScript · 2 个共同主题

运行历史

测试者尝试结果评分成本 USD时间
Argusic Runner1/3可运行100.000.06

主题 (来自 GitHub)

canvascanvas-animationcanvas-editordesign-editorgraphicskonvakonvajsshapevuevue-canvasvue-styleguidistwhiteboard

嵌入徽章

用于项目 README 的 Markdown。徽章链接回本页；使用条款见 条款页面.

[![Tested by Argusic](https://argusic.com/badge/vue-konva.svg)](https://argusic.com/subject/vue-konva)

常见问题

vue-konva 能运行吗？
是的。vue-konva 可以运行. Argusic 在一台干净的机器上安装并启动了它，用时 13 分钟，过程中遇到 3 个错误，并记录了整个会话。
Argusic 是如何测试 vue-konva 的？
在一台全新的一次性机器上进行，每条命令都被记录，仓库固定在 commit eedf13ce9f42。共记录了 1 次尝试，完整方法见方法论页面。
测试 vue-konva 花了多少钱？
得出该结论的那次运行花费 0.06 USD：这是真实的算力和模型成本，而不是按每百万 token 计的标价。该数字记录在那次运行的页面上。
vue-konva 安装需要多长时间？
在决定该结论的那次运行中，从干净的机器到运行状态用了 13 分钟。这是一次实测的尝试，不是平均值。
vue-konva 需要 GPU 吗？
启动它不需要。Argusic 在一台没有 GPU 的机器上让它达到了运行状态。
安装 vue-konva 时会出现什么问题？
已记录的运行中出现了 3 个问题，其中 3 个在无人协助的情况下被修复。每个问题及其耗费的时间都列在本页上。
vue-konva 与其他替代方案相比如何？
在 Argusic 安装并计时过的 9 个 canvas 项目中，vue-konva 达到运行状态的速度排名第 7，9 个项目中有 6 个达到了运行状态。
vue-konva 的证据在哪里？
这次已记录的运行都在本页上，每次都链接到完整的 log 和终端录屏，并连同 sha256 指纹一起保存，因此无法被悄悄篡改。

Discussion