сохранить диаграммы Google в изображения и открыть их на новой вкладке

Question

Я беру учебник, чтобы распечатать Google Charts из этого документа. Документация по Google Charts Но у меня есть некоторые проблемы, которые я хочу задать, может быть, кто-нибудь может мне помочь?

1. Как сохранить диаграмму как изображение непосредственно, когда я нажимаю кнопку ссылки?
2. Как напрямую открыть изображение на новой вкладке, когда я нажимаю кнопку "печать"?Я попытался добавить "target = blank", но это не сработало.

реальный код

document.getElementById('png').outerHTML = '<a href="' + chart.getImageURI() + '">Printable version</a>';

, и я пытаюсь добавить target = '_ blank' здесь

    document.getElementById('png').outerHTML = '<a href="' + chart.getImageURI() + '" target="blank">Printable version</a>';

это моя скрипка для тестирования кода

скрипка

Answer 1

К сожалению, вы не можете открыть новую вкладку с URL-адресом data-uri, см. Этот ответ в Переполнение стека .

Вам нужно будет использовать window.open и затем написатьсодержание в него.

Answer 2

Для вашего первого выпуска вы можете просто добавить атрибут загрузки в ваш тег.См. Здесь: https://www.w3schools.com/howto/howto_html_download_link.asp

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

  document.getElementById('png').outerHTML =
 '<a href="' + chart.getImageURI() + '" target="_blank">Printable version</a>';