实现手机端照片上传预览、紧缩、旋转功能。
//获取照片方向角属性，用户旋转控制 EXIF.getData(file,function(){ //alert(EXIF.pretty(this)); EXIF.getAllTags(this); //alert(EXIF.getTag(this,'Orientation')); Orientation=EXIF.getTag(this,'Orientation'); //return; });varbase64=null; varmpImg=newMegaPixImage(image); mpImg.render(canvas,{ maxWidth:800, maxHeight:1200, quality:0.8, orientation:Orientation }); base64=canvas.toDataURL("image/jpeg",0.8);
//获取照片方向角属性，用户旋转控制 EXIF.getData(file,function(){ //alert(EXIF.pretty(this)); EXIF.getAllTags(this); //alert(EXIF.getTag(this,'Orientation')); Orientation=EXIF.getTag(this,'Orientation'); //return; });varbase64=null; varmpImg=newMegaPixImage(image); mpImg.render(canvas,{ maxWidth:800, maxHeight:1200, quality:0.8, orientation:Orientation }); base64=canvas.toDataURL("image/jpeg",0.8);
2019/1/25 17:19:29
96KB
1
这是一款基于HTML5Canvas实现的雷达扫描动画特效源码，canvas是HTML5特有的画布工具，我们可以在canvas上绘制任意元素，包括3D元素。
这款雷达扫描动画就是利用了canvas的灵活特性，利用js在canvas上绘制这些美丽的扫描线条。
此外这款源码还提供了点击绘制的功能，用户可以根据本人的喜好绘制出新的类似雷达扫描特效的图形。
这款雷达扫描动画就是利用了canvas的灵活特性，利用js在canvas上绘制这些美丽的扫描线条。
此外这款源码还提供了点击绘制的功能，用户可以根据本人的喜好绘制出新的类似雷达扫描特效的图形。
2017/6/12 1:18:39
38KB
1
web网页端全屏截图，支持svg截图支持高级浏览器先遍历svg元素转换为dom元素在通过html2canvas.js直接调用没有svg的情况下直接调用html2canvas的方法$("#btn").click(function(){html2canvas($("#box"),{onrendered:function(canvas){////把截取到的图片替换到a标签的路径下载//$("#download").attr('href',canvas.toDataURL());////下载上去的图片名字//$("#download").attr('download','share.png');document.body.appendChild(canvas);}});});
2015/4/26 22:41:26
371KB
1
用html+canvas+js写的五子棋游戏，黑白棋可以轮番落子。
文件内包含双人版和人机版，人机版运用到了一些智能算法。
可直接在chrome上运行。
文件内包含双人版和人机版，人机版运用到了一些智能算法。
可直接在chrome上运行。
2019/3/4 22:32:42
11KB
1
在开发微信小程序的时候，遇到圆形进度条的需求。
使用canvas绘图比较麻烦：1、为了实现在不同屏幕上面的适配，必须动态的计算进度条的大小；
2、在小程序中，canvas的画布具有最高的层级，不易于扩展。
但使用css3和js实现进度条就很容易的避免了这方面的问题。
注：这篇文章里面使用jquery实现，但原理是一样的，在小程序中只需定义并改变相应的变量就行了一、进度条样式的样式在平时的开发中，经常使用元素的border来显示圆形图案，在使用css3实现圆形进度条时，同样也是使用这个技巧。
为了实现上面的圆形边框，动态的覆盖下面圆形边框，总共需要一个圆形，2个长方形和2个半圆形：一个圆形用来
使用canvas绘图比较麻烦：1、为了实现在不同屏幕上面的适配，必须动态的计算进度条的大小；
2、在小程序中，canvas的画布具有最高的层级，不易于扩展。
但使用css3和js实现进度条就很容易的避免了这方面的问题。
注：这篇文章里面使用jquery实现，但原理是一样的，在小程序中只需定义并改变相应的变量就行了一、进度条样式的样式在平时的开发中，经常使用元素的border来显示圆形图案，在使用css3实现圆形进度条时，同样也是使用这个技巧。
为了实现上面的圆形边框，动态的覆盖下面圆形边框，总共需要一个圆形，2个长方形和2个半圆形：一个圆形用来
2022/9/20 17:31:49
104KB
1
本Demo次要是通过Html5技术和Canvas相结合来实现ECG心电图的绘制。
需要的同学可以下载研究。
需要的同学可以下载研究。
2015/6/17 18:21:35
37KB
1
使用hammer.js监听触控时产生的位移，并用Jcanvas.js画出来，从而实现在canvas画布内进行手势的拖拽旋转挪动缩放功能.点击按钮获取画布内的base64，并显示.测试时请放在tomcat内，并手机访问.不足：canvas加载图片缩放时有失真（前一个上传的demo则不失真）优点:可双点触控同时进行挪动缩放旋转效果
2021/3/27 17:15:40
94KB
1
在日常工作中，钉钉打卡成了我生活中不可或缺的一部分。然而，有时候这个看似简单的任务却给我带来了不少烦恼。
每天早晚，我总是得牢记打开钉钉应用，点击"工作台"，再找到"考勤打卡"进行签到。有时候因为工作忙碌，会忘记打卡，导致考勤异常，影响当月的工作评价。而且，由于我使用的是苹果手机，有时候系统更新后，钉钉的某些功能会出现异常，使得打卡变得更加麻烦。
另外，我的家人使用的是安卓手机，他们也经常抱怨钉钉打卡的繁琐。尤其是对于那些不太熟悉手机操作的长辈来说，每次打卡都是一次挑战。他们总是担心自己会操作失误，导致打卡失败。
为了解决这些烦恼，我开始思考是否可以通过编写一个全自动化脚本来实现钉钉打卡。经过一段时间的摸索和学习，我终于成功编写出了一个适用于苹果和安卓系统的钉钉打卡脚本。
2024-04-09 15:03
15KB