随身笔记
随身笔记

前端资源

前端资源

jquery 滑块 刻度条

样式: .pubr{width: 15%;height: 100%;} .inputcen{width: 70%;height: 100%;position: relative;} .inputcen input{display: block;width: 100%;position: absolute;z-index: 2;height: 100%;opacity: 0;} .lr{background: red;} .rr{background: red;} .input…

   712   2020-09-29   去围观

js网页截图|屏幕截图html2canvas.js

屏幕截图: new html2canvas(document.getElementById('app')).then(canvas => { //id="app"是需要截图的区域 // canvas为转换后的Canvas对象 let oImg = new Image(); oImg.src = canvas.toDataURL(); // 导出图片 document.body.appendChi…

   795   2020-09-11   去围观

css3斜线延长动画

//重点是transform-origin这个属性,默认作用的重心是元素正中间,需要设置为如下 transform: rotate(0deg);//向右延长 transform-origin: 0% 0%; transform: rotate(180deg);//向左延长,仅仅只改变角度即可 transform-origin: 0% 0%; 直接案例:demo &nb…

   717   2020-07-01   去围观

js将url图片地址转base64

关键还是要通过canvas对象的toDataURL方法去实现 <div id="showme"></div> let imgSrc = "https://cdnpw.chinaesport.com/kdhxoi/storage/emulated/0/tencent/MicroMsg/WeiXin/mmexport1592366797764.webp"; //width、height调用时传入具体像素值…

   738   2020-07-01   去围观

js中在onload回调事件需要return返回值

function test(url){ var str=undefined; var img =new Image() img.src=url img.onload=function(){ str=img } return str } 事实上test()直接就返回了undefined,说明onload要等待img资源都加再完成了才能执行,不能保证同步执行   解…

   1,430   2020-07-01   去围观
加载更多