自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 - 矩形碰撞检测

输入两个矩形大小,假设矩形a运动、矩形b静止,通过输入矩形a的vx、vy、w、h,和矩形b的w、h,可以知道a是否碰撞了b,并且可以知道a碰撞了b的上面、下面、左边还是右边

2021-07-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除