![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 96
iamlujingtao
学而致用才是真理
展开
-
canvas 缩放/拖动/还原/封装和实例--开箱即用
canvas 缩放/拖动/还原/封装和实例一、预览二、使用2.1 创建和配置2.2 方法三、重点说明3.1 配置里有2个宽高设置3.2 分开设置事件四、源码一、预览最近需要用到canvas的缩放、拖动、还原等操作,网上有些资料,但用起来都不太方便,自己重新写了一个操作类,能满足上述使用情况,而且用起来很方便,也很灵活,画布尺寸和css尺寸不一致情况也考虑到,拖动支持触摸和鼠标。效果如下:二、使用2.1 创建和配置 // 创建对象并进行配置 var canvas = new CanvasOpe原创 2021-08-13 21:02:18 · 3804 阅读 · 2 评论 -
小程序canvas 缩放/拖动/还原/封装和实例--开箱即用
之前写过web端的canvas 缩放/拖动/还原/封装和实例。最近小程序也需要用到,但凡是涉及小程序canvas还是比较多坑的,而且难用多了,于是在web的基础上重新写了小程序的相关功能。原创 2022-12-12 18:47:37 · 5885 阅读 · 2 评论 -
响应式图片实践研究(html5 picture/srcset 等多种方法对比)
响应式图片实践研究(html5 picture/srcset 等多种方法对比)一、需求二、html5新属性 srcset&sizes三、html5新标签四、css3媒体查询五、用js判断处理六、后端代码判断处理、第三方云服务一、需求现在有一需求对于一个宽屏的banner焦点图,要求根据浏览器尺寸读取不同尺寸的图片,设浏览器宽度为w,w<767时读取640px768<=...原创 2019-10-16 16:53:48 · 586 阅读 · 1 评论 -
html5调用摄像头并拍照
html5调用摄像头并拍照一、注意二、开始三、在线演示和源码一、注意1、必须在https协议下才,并且允许实用摄像头。2、原本是想在手机上用的,但发现ios手机上不行,安卓的不知道,pc+chrome就可以,待解决。二、开始研究了下用html5+javascript 调用摄像头并拍照,代码参考了网上的,然后做了个小demo。原理主要用到 Vedio + Canvas + getUs...原创 2019-10-15 21:42:31 · 2320 阅读 · 1 评论 -
iconfont 多色图标使用介绍
iconfont 多色图标使用介绍前言一、多色文字图标特点二、多色文字图标使用方式三、修改颜色结语前言阿里巴巴矢量图标库 http://iconfont.cn 已经推出多色图标很久了,那么究竟如何使用呢?一开始我以为和普通文字图标无区别,但实际使用的时候发现并不是。多色文字图标其实是用svg做的,需要引用js才能正确使用,优缺点也比较明显,但是这种方式是符合未来发展方向的,值得推荐使用的。...原创 2019-10-11 10:04:31 · 5177 阅读 · 0 评论