JavaScript
-
2024 年 7 个最适合开发者的图表库
数据可视化是软件开发中不可或缺的一部分，图表和图形库提供了实现这一目标的高效方式。 本文将带您了解 7 个优秀的图表库，它们不仅节省时间，还提供了丰富的图表类型和定制选项。 1、D3.js D3.js（Data-Driven Documents）是一个JavaScript库，它允许你使用 HTML、SVG 和 CSS 来直接在网页上操作文档。 D3.js 的...
-
fabricjs 图像自定义裁剪形状
fabricjs 图像加载-等比缩放图像到画布 这篇文章描述了如何进行图像等比缩放，但是加载的图片形状仅限于矩形或者正方形，如果需要显示其他形状，那就需要另寻他法， 效果 代码实现 经过测试，矩形，圆形，椭圆，三角形都可以实现裁剪，但是多边形，折线不可以实现裁剪，不知道是不是没有用对方法，有知道的可以滴一下！！！ 遗留问题 上面的图片是直接对原图进行裁剪，原...
-
7 个杀手级的 JS 一行代码
1、数组乱序 在使用需要某种程度的随机化的算法时，你会经常发现洗牌数组是一个相当必要的技能。下面的片段以O(n log n)的复杂度对一个数组进行就地洗牌。 2、复制到剪贴板 在Web应用程序中，复制到剪贴板因其对用户的便利性而迅速流行起来。 3、数组去重 每种语言都有自己的哈希列表的实现，在JavaScript中，它被称为Set。你可以使用Set数据结构轻...
-
推荐一款H5生成海报利器html2canvas
一、安装 npm 安装 yarn 安装 直接引入 html2canvas.js 二、使用 我们先拿 vue 来举例 如果想要将图片导出，可以这样写 普通html的写法 可能出现的问题及相应解决方案 1、图片不显示问题 因为图片素材出现跨域，也就是说图片所在的域名与你项目所在域名不一致； 图片放在CDN上也会导致不显示，所以需要配置相关的跨域操作； 还有一种方...
-
JS 中for循环中异步变为同步的使用
知识点： 在项目中有些逻辑或者请求依赖另一个异步请求，大家常用的方法是回调函数。现在有个高大上的解决方案：await async 。 async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。并且awa...
-
将多个echarts图片打包zip并下载
官方网址：JSZip 首先安装依赖 在使用的页面引入依赖包 注意标题后面必须加png或jpg 否则图片无法显示 遍历后得到的数据结构是这样 创建jszip实例,content是打包后的压缩文件 将base64转码
