栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

CanvasTools

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

CanvasTools

CanvasTools

基于Canvas的截图辅助工具集。包含矩形,椭圆,画笔,文字等多种工具以及撤销,保存等各种功能

Github地址 项目地址 DEMO 仿知乎截图反馈

项目构思来源于知乎建议反馈功能中的截图反馈。期初看到该功能,惊为天人,不得不佩服知乎对用户体验的细节追求。然后又对比和参考了QQ截图(基本样式来源于此),花了三天时间完成了CanvasTools项目的构建。
截止目前,在完成了大部分功能的同时,也学习了大部分的Canvas API:

可用功能
  • 矩形工具
  • 椭圆工具
  • 画笔工具
  • 文字工具
  • 撤销功能
  • 保存功能(IE10+)
待完成功能
  • 橡皮擦工具
  • 马赛克工具
如何使用 1.使用NPM
  • npm install
  • npm run build
2.直接使用

1.页面head标签中引入

2.在body中创建canvas以及用来放置工具条的容器

...


...

3.在 之前调用


转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号