HQChart使用教程18- K线截图

应用场景

用户分享或保存自己的技术指标图或使用画图工具绘制图。 一般可以使用第3放截图工具完成。HQChart自带导出功能， 直接可以把当前的K线图导出为base64的图片。
注：HQChart是绘制在一个画布上，所以截图功能很容易实现（调用toDataURL), 如果你的构架是基于多个画布渲染，就需要自己合并图片了?。

demo

测试地址：https://opensource.zealink.com/vuehqweb/hq.demo.page.html
效果图：

截图的图片：

导出图片函数说明

 chart.SaveToImage(format,colorGB)   

format: 导出图片的格式: image/jpeg , image/png ，如果format为null 默认使用 image/png
colorGB: 背景颜色，如果colorGB为空,使用白色背景
注：截图的时候十字光标是剔除的

导出图片格式

data:图片类型:baset64, 数据

部分样例代码

 var imageData=chart.SaveToImage();
 var image = document.createElement('img');
 image.src=imageData;
 document.body.appendChild(image);

  var download=document.createElement('a');
  var imageDownloadData = imageData.replace("image/png", "image/octet-stream"); //本地下载
  download.href=imageDownloadData
  download.innerText='下载'
  document.body.appendChild(download);

如果做本地下载， 直接把返回的数据中的数据类型换成‘image/octet-stream’就可以。
你也可以把数据交给后台， 产生一个下载地址，这样就可以分享给其他人

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址

地址：https://github.com/jones2000/HQChart