![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3+html5
殇蓝
以马为梦,随处可栖
展开
-
H5调用手机的前后摄像头,canvas显示,自带截图,兼容ios和android
注意1.下面的HTML需要在HTTPS下访问方可正常工作,对应的localhost或者本地地址访问不能支持;2. facingMode: { exact: 'environment' } // -- 后置facingMode: 'user ' // -- 前置3. 如果你想在已经播放视频的情况下更换摄像机,你需要先停止当前的视频流,然后再将其替换成另一台摄像机的视频流。videoStream.getTracks().forEach((track) => { track.stop(); });原创 2020-06-29 10:52:42 · 2908 阅读 · 4 评论 -
如何处理pc端的字体大小的适配问题(完美解决)
export const resetPc = () => { var wH = window.innerHeight; // 当前窗口的高度 var wW = window.innerWidth; // 当前窗口的宽度 var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值 if (wW > 1400) { ...原创 2019-04-11 18:13:25 · 12626 阅读 · 0 评论 -
css animation实现图片切换效果
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0,原创 2019-01-15 16:07:23 · 12745 阅读 · 0 评论 -
HTML5 图片本地压缩上传插件「localResizeIMG」
移动应用中用户往往需要上传照片,但是用户上传的照片尺寸通常很大,而手机的流量却很有限,所以在上传前对图像进行压缩是很有必要的。 原生应用可以直接对文件进行处理,网页应用就没有这个优势了。不过 canvas 的出现给出一条新的思路,将图像按照比例绘制到画布上,最后将绘制完成的画布以 base64 编码方式发送到服务端,再由服务端进行解析还原成图片。 由于进行处理...转载 2018-09-14 11:34:14 · 1612 阅读 · 0 评论 -
css3 transition
本篇介绍另一个人气动画属性transition。transition从效果上看是一种平滑过渡的动画,本质上是在线性时间内将属性从开始值过渡到结束值。例如获得焦点,点击鼠标等动作导致CSS属性值的变化是瞬间完成的,感觉有点生硬。用transition可以指定在某时间段内将属性值平滑过渡,增强用户体验。 4个子属性 transition-property trans转载 2017-08-24 14:38:39 · 1051 阅读 · 0 评论