网站首页 技术文章 第1695页

• 

  基于cropper.js的图片裁剪插件（js实现图片裁剪）

  一个简单的jQuery图像裁剪插件。从v4.0.0开始，Cropper的核心代码已替换为Cropper.js。安装npminstalljquery-cropperjquerycropperjs...

  2024-09-10 nanyue 技术文章 16 ℃
• 

  「微信读书榜」微信读书Top50精选书籍，总有几本你未读过

  【微信读书榜】微信读书Top50书籍，总有几本你未读过！制作流程DataDomhtml2canvas...

  2024-09-10 nanyue 技术文章 16 ℃
• 

  Vue 前端开发——屏幕截图（vue前端开发截图功能）

  本文介绍一种屏幕截图的方法，这个业务场景一般可用于系统反馈相当于截屏，也可以用于分享当前页面，具体还是看自己的需求了。下载安装...

  2024-09-10 nanyue 技术文章 19 ℃
• 

  jquery-利用canvas让图片旋转角度

  前几天，朋友要做个上传图片后，如何让图片旋转角度，并且不影响容器或者随着图片大小改变容器。先上完整实例效果图一开始想到的是给img用css3的`transform:rotate(90deg);`结果变成这个样子：角度完全偏离中心了...

  2024-09-10 nanyue 技术文章 19 ℃
• 

  前端性能优化——使用 BMP 图片代替 canvas.toDataURL

  前端开发中有时需要将canvas的内容导出成图片文件，例如供CSS使用时，通常会使用canvas.toDataURL，兼容性好并且简单。不过canvas.toDataURL显然是非常低效的：首先要将图像编码成PNG格式，然...

  2024-09-10 nanyue 技术文章 15 ℃
• 

  Canvas实现截图功能（canvas裁剪图片上传）

  实现逻辑在图片所在的同一父元素节点下添加两个canvas节点，【canvasA】用于展示截图动效（比如，未被截取区域背景置灰，截取区域显示边框）；【canvasB】用于展示完整图片，便于截取动作进行以及生成截图数据（记住canvas...

  2024-09-10 nanyue 技术文章 16 ℃
• 

  JS二进制:Blob、File、FileReader、ArrayBuffer、Base64

  BlobBlob全称为binarylargeobject，即二进制大对象，它是JavaScript中的一个对象，表示原始的类似文件的数据。实际上，Blob对象是包含有只读原始数据的类文件对象。简单来说，Blob对象就是一个...

  2024-09-10 nanyue 技术文章 17 ℃
• 

  谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64

  JavaScript提供了一些API来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64等。下面就来看看它们都是如何使用的，它们之间又有何区别和联系！...

  2024-09-10 nanyue 技术文章 17 ℃
• 

  技术贴-前端canvas图片压缩（canvas 图片缩放）

  canvasandsvgcanvas是一个可以使用js脚本来绘制图形的HTML元素，它是chrome为我们提供好的一个绘制2D图形的api.svg是使用XML标签来绘制2D图形的语言，和canvas最大的写法上的区别就是:(1).svg...

  2024-09-10 nanyue 技术文章 17 ℃
• 

  关于canvas的那些东西（canvas例子）

  canvas画图问题drawImage()、getImageData()或toDataURL()操作图片时，有时会遇到跨域问题，首先服务器允许跨域的图片基本上都可以drawImage到画布上，但想获取图片信息时，会报跨域问题,增加img.c...

  2024-09-10 nanyue 技术文章 16 ℃