首页
前端开发
Typescript
Canvas Demo TypeScript HTML Canvas绘制与交互示例

Canvas Demo TypeScript HTML Canvas绘制与交互示例

0 次浏览 0 条评论
zip
zip

这个 canvas-demo 项目挺适合用来快速上手 HTML Canvas 的基本操作。通过 TypeScript 来绘制图形，比如正方形和圆形，代码也比较简洁。项目里还加入了鼠标悬停和点击事件的，做交互效果的时候挺方便的，尤其是想要快速验证效果的时候。你只需要安装依赖后，跑一下 yarn dev，就能在本地快速查看效果了。yarn lint 也能帮你保持代码整洁，挺省心的。嗯，如果你平时需要用 Canvas 画图形，交互，这个示例是个不错的参考。

zip
canvas-demo-main.zip 预估大小：21个文件
folder
canvas-demo-main 文件夹
file
.eslintrc 283B
file
yarn.lock 248KB
file
webpack.config.dev.js 811B
folder
src 文件夹
file
generateRandomNumber.ts 161B
file
square.ts 1KB
file
types.ts 161B
file
index.ts 1KB
file
fixDPI.ts 577B
file
shape.ts 936B
file
generateCanvasFillStyle.ts 449B
file
circle.ts 981B
file
generateRandomShape.ts 965B
file
generateRandomRGBColor.ts 346B
file
.babelrc 61B
file
tsconfig.json 247B
folder
assets 文件夹
file
index.html 573B
file
screenshot.png 488KB
file
README.md 214B
file
.gitignore 28B
file
.eslintignore 18B
file
package.json 1KB
zip 文件大小：508.61KB