最近研究web端人脸识别，H5拉起摄像头截取单帧图片，提交到后台进行人脸1:N搜索，发现web端没有人脸扫码的动画，因此，抽空写了个人脸扫描的动画。
2021-04-08 15:04:32
106KB
1
主要介绍了使用HTML5 Canvas绘制直线或折线等线条的方法讲解,通过Canvas API我们便可以轻松地使用JavaScript来操作图形的位置坐标,需要的朋友可以参考下
2021-04-07 22:44:00
133KB
1
vue-sign-canvas-master 一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端;
2021-03-31 14:09:20
304KB
html5-canvas-animation是一款基于three.js的HTML5 canvas 3D线条动画特效。该3D线条动画特效可以用鼠标进行互动，canvas的背景颜色可以随机改变。你可以使用它来制作页面顶部的Banner，效果会非常的酷。
2021-03-30 18:26:04
179KB
1
实现效果
(此图片来源于网络，如有侵权，请联系删除! )
如何实现
使用canvas
使用movable-view标签
由于movable-view无法实现旋转，所以选择使用canvas
需要解决的问题
如何将多个元素渲染到canvas上
如何知道手指在元素上、如果多个元素重叠如何知道哪个元素在最上层
如何实现拖拽元素
如何缩放、旋转、删除元素
看起来挺简单的嘛，就把上面这几个问题解决了，就可以实现功能了；接下来我们一一解决。
如何将多个元素渲染到canvas上
定义一个DragGraph类，传入元素的各种属性（坐标、尺寸…）实例化后推入一个渲染数组里，然后再循环这个数组调用实例中的渲染方
2021-03-29 18:12:45
160KB
1