应用场景
用户分享或保存自己的技术指标图或使用画图工具绘制图。 一般可以使用第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