前端
文章平均质量分 95
harmsworth2016
这个作者很懒,什么都没留下…
展开
-
canvas图片压缩并旋转
canvas图片压缩并旋转前言代码前言canvas实现图片旋转canvas实现压缩图片在上一篇实现了图片旋转,那么图片既要压缩又要旋转,如何实现呢。您可以点击:图片压缩并旋转代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me原创 2021-06-23 23:52:54 · 217 阅读 · 0 评论 -
canvas实现图片旋转
canvas实现图片旋转前言代码前言有一个需求,需要将图片旋转,旋转后正确的显示图片的位置(不能被其他元素遮住),等比例显示图片。简单的实现如下:您可以点击:图片旋转代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na原创 2021-06-23 23:40:35 · 3531 阅读 · 0 评论 -
canvas实现压缩图片
canvas实现压缩图片前言步骤代码前言上传图片对图片大小有要求,故需要前端压缩图片后再上传。简单的实现效果如下:您可以点击这里:图片压缩步骤上传一张图片,进行校验,获取图片文件。使用 FileReader 的 readAsDataURL 方法将文件转成 base64 字符串,即图片的 url使用 canvas 的 drawImage 方法绘制图片,toDataURL 方法获取 Data Url,即可以实现压缩图片代码<!DOCTYPE html><html la原创 2021-06-23 23:22:33 · 916 阅读 · 0 评论 -
js实现十进制转二进制
function convertToBinary (num) { return num.toString(2).padStart(8, '0')}convertToBinary(0) // "00000000"convertToBinary(1) // "00000001"convertToBinary(13) // "00001101"convertToBinary(10) // "00001010"原创 2020-12-11 10:42:02 · 1052 阅读 · 0 评论 -
filter函数的妙用
filter函数的妙用数组的 filter 函数有一个很重要的用处,可以过滤 null、undefined、''代码var arr = [1, '', null, undefined, ' ']console.log(arr.filter(v => v))原创 2019-06-30 17:59:50 · 2410 阅读 · 0 评论