Скачать холст в PNG на черном фоне

1

Я создаю диаграммы на холсте, используя Charts.js и Bootstrap. Пользователи хотят иметь возможность загрузить PNG файл диаграммы, чтобы скопировать его в слайд Powerpoint. У меня есть следующая функция, и она загружает файл, но имеет полностью черный фон. На странице изображение имеет белый фон. Я вижу кучу сообщений об этом с помощью JPEG, и в решении говорится использовать PNG, но я использую PNG. Не уверен, есть ли что-то, что я могу изменить в самом холсте. Я попытался явно установить фоновый цвет холста на белый, но это не помогает.

функция downloadToPNG:

function downloadToPNG() {
    var canvas   = document.getElementById('parentCanvas');
    var dt = canvas.toDataURL('image/png');
    var hiddenElement = document.createElement('a');
    hiddenElement.href = dt;
    hiddenElement.target = '_blank';
    hiddenElement.download = fileName;
    hiddenElement.click();
    hiddenElement.remove();
}
Теги:
canvas

1 ответ

0
Лучший ответ

Фон может быть из-за некоторых потерянных каскадных значений CSS, вы можете дважды проверить цвета фона для html, body и каждого родительского элемента. Это может также иметь отношение к тому, что информация png передается как закодированная base64, что является обычным способом для браузера передавать информацию о хэш-изображении в alphanumerics. Этот поток может помочь с тем, как сохранить холст как png-изображение?

  • 0
    Это помогло. Спасибо. Я проследил через CSS и нашел его.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню