参考
https://blog.csdn.net/wxw_nini/article/details/82463749
https://blog.csdn.net/Byte_Dance/article/details/87866929

js中

$("#btn").click(function () {var sr = document.getElementById("ccc");html2canvas(sr).then(function (canvas) {window.html_canvas = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");var pHtml = "<img src="+window.html_canvas+" id='image_down'/>";$('#html2canvas').html(pHtml);// $('.ask_con').remove();ceshi(window.html_canvas);});})/*** 把图片文件流保存到本地*/function ceshi(path){$.ajax({url:"{:url('admin/download/img')}",data:{img:path},type:'post',dataType:'json',success:function(res){if(res.code == 200){layer.msg('下载图片成功');const url="http://dmp.51jcloud.com/"+res.data;fetch(url).then(async res => await res.blob()).then((blob) => {// 创建隐藏的可下载链接const a = document.createElement('a');a.style.display = 'none';a.href = URL.createObjectURL(blob);// 保存下来的文件名//    a.download = 'image.png';a.download = res.name;document.body.appendChild(a);a.click();// 移除元素document.body.removeChild(a);})  }else{layer.msg('下载图片失败');}}});}

控制器

public function chart_img(){$base64_string = $this->request->param('img');$base64_string= explode(',', $base64_string); //截取data:image/png;base64, 这个逗号后的字符$data= base64_decode($base64_string[1]);//对截取后的字符使用base64_decode进行解码$url = ROOT_PATH . 'public' . DS . 'uploads' . DS . 'images' . DS .time().rand(1000,9999).".png";$res = file_put_contents($url, $data); //写入文件并保存到本地$u = explode('/',$url);$name = $u[7];$downurl = 'uploads' . DS . 'images' . DS .$u[7];if($res){$da = ['code'=>200,// 'data'=>$url,'data'=>$downurl,'name'=>$name];}else{$da = ['code'=>403];}return $da;
}

PHP之 将canvas生成的饼状图生成图片相关推荐

  1. java excel 饼图,java 导入导出excle 和 生成柱状图饼状图的demo/excle数据如何转成饼状图...

    在EXCEL中,如何把表格中的数据转换成饼状图? 在Excel中,把中的数据转换状图的操作步骤如下: 想转换的数据源,插入饼状图,Excel会自动根据选择的数据源生成饼状图.接下来,可以自定义饼状图的 ...

  2. 用 canvas制作一个饼状图

    这里的的代码可以直接拿走看哟,仅供参考 <head><meta charset="UTF-8"><meta name="viewport&q ...

  3. C#应用NPOI实现导出EXcel表格中插入饼状图(可实现动态数据生成)

    一.思路:   1.excel是可以通过NPOI插入图片的: 2.C#通过NPOI生成饼状图: 3.把生成的饼状图以字节流的形式插入到表格 二.看代码: #region 生成饼图图例/// <s ...

  4. .net之生成图表的控件(柱状图,曲线图,饼状图) [转]

    可以生成柱状图,曲线图,饼状图,只要你给他一个datatable,在这声明一下 using System; using System.Web.UI; using System.Data; using  ...

  5. mysql 统计做饼状图_使用Highcharts结合PHP与Mysql生成饼状图

    我们在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系 ...

  6. jsp怎么做柱状图_用jsp怎样生成柱状图,饼状图,折线图

    展开全部 jsp生成柱状图,饼状图,折线图可以32313133353236313431303231363533e59b9ee7ad9431333339663338借助于jfreechart. 1.柱状 ...

  7. Java使用POI生成饼状图导出到word文档(饼状图)

    本篇文章主要介绍,如何使用Apache POI组件生成饼状图导出到word文档中,具体步骤看下文. 一.实现效果 Java使用POI技术生成饼状图导出到word文档中,最终生成的饼状图如下所示: 二. ...

  8. PHP MySQL饼状图 3d_Highcharts 饼状图(结合PHP、Mysql)

    在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系. ...

  9. 封装构造函数,用canvas写饼状图和柱状图

    封装构造函数,用canvas写饼状图和柱状图 封装函数 // 场景 function XDLScence( options ) {this.stage = options.stage;//执行场景的初 ...

最新文章

  1. SAP MM 项目上线库存初始化导入问题 --- 进口物料在途库存之处理
  2. 阿里云安装LNMP以及更改网站文件和MySQL数据目录
  3. SJCL:斯坦福大学JS加密库
  4. [bzoj3676] [APIO2014]回文串
  5. python如何注释掉一段代码_爬取出来的网页代码都被注释掉怎么解决?
  6. boost::python::slice相关的测试程序
  7. activiti历史数据的查看
  8. python自动化办公-python自动化办公?学这些就够用了
  9. linux git编译安装目录,Linux(centos) 环境下如何源码编译安装git
  10. Largest Submatrix SPOJ - MINSUB (单调栈)
  11. DNS迭代查询与递归查询的区别
  12. 使用phaserjs开发简单h5小游戏
  13. 更改win7密钥及方法
  14. 熔断机制什么意思_熔断机制是什么意思?熔断机制的作用
  15. 众多交通工具3dm Rhino资源素材一键即可获取
  16. 深度学习框架之Keras入门教程
  17. 实验6-4 单词首字母大写 (15 分)
  18. 选磁芯的AP法到底是什么?
  19. Geant4能谱展宽【Gaussian Broadning】-root作图
  20. 卡尔曼滤波器简介——多维卡尔曼滤波

热门文章

  1. 讲解如何为AD 添加多个UPN后缀
  2. Simulink代码生成:Step函数接口配置
  3. 工业机器人入门z50的含义_工业机器人基础教程——快速入门学习
  4. Android 简单SlidingTabLayout的用法
  5. [HR面试] 65个最常见的面试问题
  6. PDF转换器如何使用?原来如此简单
  7. ng bootstrap css,Angular2学习笔记-ng bootstrap中motal组件使用
  8. 无线打印机服务器安装步骤,【DDwifi打印服务器】Windows 10系统添加打印机步骤(离线安装打印机驱动)...
  9. 用python算卦——银钱演算法
  10. java 自动考试阅卷系统(一、自动答卷生成,自动阅卷功能)