canvas
文章平均质量分 93
Mosowe
vue(2/3),react,uniapp,小程序,javascript,typescript,node
展开
-
常用业务js组件:canvas绘图、时间戳转换、正则验证、深拷贝等
先推荐一个npm包【mosowejs】,对没错,用我的专用名称命名的js,点击可以查看示例,手机,PC均可,内部包含了N多日常开发用到的:正则验证(手机号,座机号,中英文,数字,url等等),常用的一些方法(时间格式化-年月日时分秒季度周数天数,数字千分位,数据脱敏,数据千分位,复制等等等),一些数据类型判断(移动端PC判断、object,number,string…)常用canvas绘图(海报图,裁剪类的有涂抹裁剪,多边形裁剪)基于document开发,同类的跨端插件uniapp点此支持NP原创 2022-03-03 09:25:27 · 1028 阅读 · 0 评论 -
canvas仿绘图软件
演示地址只有不断的练习,才能巩固自己的基石,共勉【下载地址】心得:画布清除方式:在没有给定beginPath()的情况下,利用clearRect()清除画布,则下一次绘画的时候本已清除的图形会显示出来,此时可以用另一种清除画布的方法:canvas.width = canvas.width,即通过改变画布的宽度或者高度来清除画布;...原创 2017-06-11 14:22:53 · 995 阅读 · 0 评论 -
类似心电图的报表
在即将离职上家东家的时候,程序部一同事在网上找了很久没有找到设计师设计的那类样式的报表,于是我当天给他写了个雏形,这个周末整理了一下,但还有我想要的功能没有加上,后面有时间继续添加,但是现在这个依旧可以用,若有不足,欢迎留言评论。先看下截图参数: "canvansWrapper":'', //包裹canvans的盒子id "canvansId":'', ...原创 2018-03-05 14:28:01 · 835 阅读 · 0 评论 -
小程序:canvas绘图并保存到本地
wxml:<canvas canvas-id='share' style='width:100vw;height:100vh;' hidden='{{canvasHidden}}'></canvas> js:/** * 页面的初始数据 */ data: { canvasReady: false, // canvas画图准备就绪 ...原创 2018-10-12 19:07:50 · 3544 阅读 · 0 评论