Jointjs схема в формате PDF, показывающий ссылку курсора, находящегося также

Question

SVG

Я экспорт диаграммы с использованием библиотеки Jointjs в формате PDF с использованием jspdf и холст: Ниже мой код Javascript ::

 var svg = document.querySelector('svg'); 

     var serializer = new XMLSerializer(); 
     var svgString = serializer.serializeToString(svg); 
     var canvas = document.getElementById('canvas'); 
     var context = canvas.getContext('2d'); 

     context.fillStyle = '#FFFF'; 

     canvg(canvas, svgString); 

     var imgData = canvas.toDataURL('image/png'); 

     // Generate PDF 
     doc.setFontSize(10); 
     doc.text(35, 25, "Google Cloud Craft"); 
     doc.addImage(imgData, 'PNG', 10, 50); 
     doc.save('test.pdf'); 

результат я получаю после скачивания и на холсте:

Что я хочу эти черные стрелки знаки не должны прийти, как они показаны на наведении мыши событий, он должен быть, как показано ниже изображения для справки:

, пожалуйста, дайте мне знать, как я могу достичь этого.

Answer 1

Я нашел решение для совместного использования, так что, если кто-то сталкивается с этой проблемой, вы можете получить помощь.

Это решение, знакомое с jointjs, это поймет.

link.attr({ 

      '.marker-arrowheads': { 
       fill: 'none' 
      }, 
      '.connection-wrap': { 
       fill: 'none' 
      }, 
      '.marker-vertices': { 
       fill: 'none' 
      }, 
      '.link-tools': { 
       fill: 'none' 
      } 
     }); 

Answer 2

Позвольте мне попытаться ответить.

Добавьте приведенный ниже код, чтобы скрыть мыши над элементами, прежде чем serialising его

$(".marker-arrowhead").css("display", "none"); 
    $(".tool-remove").css("display", "none"); 
    $(".tool-options").css("display", "none"); 
    $(".marker-vertices").css("display", "none"); 

Надеется, что это помогает вам.