- 1. 概要
- 2. インストール
- 3. npm
1. 概要
インストールについて、記述します。
2. インストール
提供元のサイトを訪れます。
「Konva - JavaScript Canvas 2d Library」
下記がサイトトップになります。
「Get started」
ここに、インストール方法が記載してあります。
「npm」でインストールする。
ウェブ上で公開されているものをそのまま使う。
あるいは、公開されているソースをそのままダウンロードする。
という方法があるようです。
3. npm
ウェブ上のものを使ったり、ソースをダウンロードするのは、説明するまでもないと思いますので、「npm」でのインストールをやってみます。
プラットフォームは、「AlmaLinux release 9.5」で、「Laravel Framework 12.9.0」へインストールします。
プロジェクトのディレクトリへ移動して。
なんか「vue-konva」も一緒にインストールした方が、シアワセらしいので。
npm install vue-konva konva --save
（「--save」てなんじゃろう？後で調べなきゃ）
下記のようなメッセージが表示されました。
added 74 packages, and audited 194 packages in 6s
50 packages are looking for funding
run 'npm fund' for details
1 moderate severity vulnerability
To address all issues, run:
npm audit fix
Run 'npm audit' for details.
npm notice
npm notice New minor version of npm available! 11.3.0 -> 11.4.2
npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.4.2
npm notice To update run: npm install -g npm@11.4.2
npm notice
失敗したのかと思いましたが。
「寄付してください」とか「npm のバージョンをあげてください」ということらしい。
下記にインストールされたようです。
./node_modules/konva/
|-- LICENSE
|-- README.md
|-- konva.js
|-- konva.min.js
|-- lib
・・・ 以下略 ・・・
./node_modules/vue-konva/
|-- LICENSE
|-- README.md
|-- dist
| |-- components
| | |-- KonvaNode.d.ts
| | `-- Stage.d.ts
| |-- index.d.ts
| |-- types.d.ts
| |-- use-image.d.ts
| |-- utils
| | |-- applyNodeProps.d.ts
| | |-- index.d.ts
| | `-- updatePicture.d.ts
| |-- vue-konva.mjs
| `-- vue-konva.umd.js
|-- package.json
`-- vetur
|-- attributes.json
`-- tags.json
|
|
