Html5怎么导出图片
2024-09-01 21:22:10
其实很简单,
首先需要两个js文件
直接上代码,几行就解决了
<a id="example1" onclick="exportGrid()" >导出图表</a>
//导出图表
function exportGrid() { html2canvas($("#exportGrid"), {
allowTaint: true,
taintTest: false,
onrendered: function (canvas) {
//canvas.id = "mycanvas";
//document.body.appendChild(canvas);
//生成base64图片数据
var url = canvas.toDataURL();
//以下代码为下载此图片功能
var triggerDownload = $("<a>").attr("href", url).attr("download", (new Date()).getTime() + "girds.png").appendTo("body");
triggerDownload[0].click();
triggerDownload.remove();
}
});
}
解决了你的问题的话,点个赞呗
最新文章
- weblogic配置数据源
- 2016 年 50 个最佳的轻量级 JavaScript 框架和库
- 从UWP到SWIFT - TableBarController 和 Pivot
- JS魔法堂:LINK元素深入详解
- jelq
- homepage左边的导航菜单怎么做的?
- HTML: margin詳解
- C#中Struct与Class的区别
- 浅谈HAL
- HTML5与CSS3基础教程第八版学习笔记7~10章
- git some cookies
- jquery uploadify插件多文件上传
- UIDatePicker的使用
- VMWare给macos虚拟机扩容方法
- css js 兼容问题
- mail命令
- 水平方向margin:auto
- sublime text3 配置
- .net验证是否合法邮箱和ip地址的方式
- 《Spring1之第十次站立会议》