Dygraph 使用 dygraph-extra 导出 PNG 时因 drawImage 参数缺失导致图像缩放异常，本文提供精准修复方案：修改 Dygraph.Export.drawPlot 中的 drawImage 调用，补全目标宽高参数，确保导出图像完整、比例正确。
如何修复 dygraph 导出 png 时图像局部放大（仅显示左上角）的问题？dygraph 使用 dygraph-extra 导出 png 时因 `drawimage` 参数缺失导致图像缩放异常，本文提供精准修复方案：修改 `dygraph.export.drawplot` 中的 `drawimage` 调用，补全目标宽高参数，确保导出图像完整、比例正确。
Dygraph 是一个功能强大的 JavaScript 时间序列图表库，配合 dygraph-extra 扩展可支持导出为 PNG 图像。但默认实现中存在一个关键缺陷：在 Dygraph.Export.drawPlot 方法内调用 ctx.drawImage(plotCanvas, 0, 0) 时，未指定目标画布的宽高尺寸，导致浏览器按默认规则拉伸绘制——仅将源 canvas 的左上角区域（通常为 300×150 像素）强行铺满整个目标 canvas，造成“图像被放大、只显示左上角”的视觉错觉，而坐标轴却因独立渲染保持原始尺寸，进一步加剧失真。
✅ 正确修复方式如下（需直接修改 dygraph-extra.js 或通过脚本重写该方法）：
// 重写 Dygraph.Export.drawPlot 方法（推荐在 dygraph-extra 加载后执行）
Dygraph.Export.drawPlot = function(canvas, dygraph, options) {
const ctx = canvas.getContext('2d');
const plotCanvas = dygraph.canvas;
// ✅ 关键修复：显式指定目标区域宽高，确保等比完整绘制
ctx.drawImage(
plotCanvas,
0, 0, // 源 x, y 起点
plotCanvas.width, plotCanvas.height, // 源宽高（完整截取）
0, 0, // 目标 x, y 起点
canvas.width, canvas.height // ✅ 目标宽高（完整填充）
);
};⚠️ 注意事项：
- 此修复必须在 Dygraph.Export.asPNG() 被调用前生效，建议放在 dygraph-extra.js 加载完成之后、图表初始化之前；
- 若使用模块化构建（如 Webpack），可通过 monkey patch 方式覆盖原方法，避免直接修改第三方库文件；
- 确保目标 <canvas> 元素（如 document.getElementById('dg_img')）已设置明确的 width 和 height 属性（非 CSS 样式），否则 canvas.width/height 可能为默认 300×150，导致导出尺寸不符预期；
- resetZoom() 等交互方法对导出无影响，因问题根源在绘图逻辑而非图表状态。
修复后，调用 Dygraph.Export.asPNG(g, img) 即可生成与屏幕上所见完全一致、比例准确、内容完整的 PNG 图像，彻底解决“仅显示左上角”的缩放异常问题。
