- 博客(3)
- 资源 (1)
- 收藏
- 关注
原创 js 实现纯前端将数据导出excel两种方式,亲测有效
由于项目需要,需要在不调用后台接口的情况下,将json数据导出到excel表格,参考了好多资料以及很多大佬写的博客终于实现,兼容chrome没问题,其他还没有测试过,这边介绍两种实现方式,并附上代码和gif动图,博主不才还望轻喷
2018-05-23 14:33:27 231148 146
原创 clip属性参数详解
前面说到图片裁剪主要用到clip属性,是css的clip不是canvas的clip(),这里详细说一下参数的意义w3c是这么介绍的设置元素的形状。唯一合法的形状值是clip : rect (top, right, bottom, left)它是一个css属性,用来进行矩形裁剪,通过传入对应参数,这4个参数的意义为:top:矩形上长对应父元素上长的距离(上长就是矩形上边的长)right: 矩形右宽对...
2018-05-15 16:48:50 3358
原创 Vue 实现图片预览、裁剪并获取被裁剪区域的base64(无组件)
前言最近公司项目需要用到图片裁剪技术,便着手写了一个,可以说是用Vue实现的原生裁剪,毕竟也只是去操作dom,不过vue黑魔法有个ref属性,使用的方法和原生dom一模一样但是更节省dom操作的消耗裁剪思路这边大致介绍一下裁剪图片的思路,通过input[type=file]将图片文件流读取,转换成base64后给img标签进行图片预览,在img标签的背后放一个宽高和它一样的canvas并把刚才获取...
2018-05-15 16:15:45 6994 11
JavaScript - 矩形碰撞检测
2021-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人