Я хотел бы распечатать файл JPG из моего приложения Electron JS, но это закончилось тем, что он просто распечатал его по ⇐ Javascript

[Anonymous]

Результат печати
Я просто делаю простое электронное приложение PhotoBox. Фотография для печати уже установлена ​​в sessionPath с именем «photo_print.jpg». Проблема здесь в том, что функция печати вызывает ошибку, результат не соответствует полному размеру 4R (4x6 дюймов). Но это занимает только половину страницы. Что не так? Я хочу, чтобы процесс печати был бесшумным, это означает, что всплывающих окон нет, а настройки печати всегда одинаковы, чтобы пользователь не видел каких-либо сложных всплывающих окон.
Я уже нашел проблему, win.webContents.print() независимо от того, какой размер страницы я ввожу здесь. Его всегда распечатывают в формате A4, как я могу сделать нестандартный размер, а именно размер 4R
export async function printPhoto({
sessionPath,
printerName,
}: {
sessionPath: string;
printerName: string;
}) {
const photoPath = path.join(sessionPath, "photo_print.jpg");

if (!fs.existsSync(photoPath)) {
throw new Error("photo_print.jpg not found");
}

const win = new BrowserWindow({
width: 600,
height: 900,
show: true,
webPreferences: {
contextIsolation: true,
nodeIntegration: false,
},
});

const templatePath = path.join(
process.env.VITE_PUBLIC!,
"print-templates",
"print-4r.html"
);

await win.loadFile(templatePath, {
query: {
src: `file://${photoPath}`,
},
});

await win.webContents.executeJavaScript(`
new Promise(resolve => {
const check = () => {
if (window.printReady) resolve();
else setTimeout(check, 50);
};
check();
});
`);

await new Promise((resolve, reject) => {
win.webContents.print(
{
silent: true,
printBackground: true,
deviceName: printerName,
margins: { marginType: "none" },
pageSize: {
width: 101600,
height: 152400,
},
},
(success, errorType) => {
if (!success) reject(new Error(errorType));
else resolve();
}
);
});

win.destroy();
}






@page {
size: 4in 6in;
margin: 0;
}

html,
body {
width: 4in;
height: 6in;
margin: 0;
padding: 0;
overflow: hidden;
background: white;
}

img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}






const params = new URLSearchParams(location.search);
const img = document.getElementById("photo");

img.src = params.get("src");

img.onload = () => {
window.printReady = true;
};





Подробнее здесь: https://stackoverflow.com/questions/798 ... ded-with-i