vue dhtmlxgantt 导出pdf

要将 DHTMLX Gantt Chart 导出为 PDF，你可以使用 jsPDF 和 html2canvas 库。你需要将 Gantt Chart 转换为 canvas 元素，然后将其导出为 PDF 文件。以下是大致的步骤：

1. 引入 jsPDF 和 html2canvas 库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

2. 创建一个按钮并绑定导出事件：

<button onclick="exportPdf()">导出为 PDF</button>

3. 在 JavaScript 中编写导出函数：

function exportPdf() {
  // 获取 Gantt Chart 元素
  const gantt = document.querySelector('.gantt');

  // 将 Gantt Chart 转换为 canvas 元素
  html2canvas(gantt).then(function(canvas) {
    // 创建 PDF 对象
    const pdf = new jsPDF('p', 'mm', 'a4');

    // 将 canvas 转换为图片，并添加至 PDF 中
    pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 10, 10, 180, 180);

    // 下载 PDF 文件
    pdf.save('gantt.pdf');
  });
}

注意：上述代码中 `.gantt` 是 Gantt Chart 元素的类名，你需要根据实际情况进行修改。此外，你可能需要根据 Gantt Chart 的大小和分辨率进行调整，以确保导出的 PDF 文件具有足够的清晰度。