【笔记】当个自由的书籍收集者从canvas得到png转pdf

prog_6103

于 2025-05-07 22:40:42 发布

阅读量247

点赞数

分类专栏：数据处理文章标签： canvas js png pdf

本文链接：https://blog.csdn.net/prog_6103/article/details/147775265

版权

数据处理专栏收录该内容

22 篇文章

订阅专栏

最近有点迷各种古书，然后从 www.shuge.org 下载了各种高清的印本，快成db狂魔了…上面也有人在各种平台上分享，不胜感激…只是有些平台可以免费看但是没法下载… 反正你都canvas了，撸下来自己珍藏…

于是让qwen写了一段代码：

write a javascript function to trigger download a picture from a canvas image data. i mean there is a canvas with sth painted. i’d like to have a function to get its image data and convert the raw data into for example png file data array and trigger downloading the file from memory.

function downloadCanvasImage(canvas, filename = 'canvas-image.png', format = 'png') {
    // Get the image data URL from the canvas
    const mimeType = format === 'png' ? 'image/png' : 'image/jpeg';
    const dataURL = canvas.toDataURL(mimeType);

    // Create a temporary link element
    const link = document.createElement('a');
    link.href = dataURL;
    link.download = filename;

    // Append the link to the body (required for Firefox)
    document.body.appendChild(link);

    // Programmatically click the link to trigger the download
    link.click();

    // Remove the link from the DOM
    document.body.removeChild(link);
}

之后

const list = document.querySelectorAll('canvas.<classname>');
for (let i = 0; i < list.length; i ++) {
   downloadCanvasImage(list[i], `page${i+1}.png`);
}