Используйте jsPDF, чтобы добавить округленное изображение - PullRequest
1 голос
/ 23 января 2020

Я добавляю изображение в свой документ PDF с использованием библиотеки jsPDF :

loadImageFromURL(URL, function (image) {
    document.circle(20, 20, 10, 'S');
    document.addImage(image, 'JPEG', 20, 20);
});

function loadImageFromURL(URL, callback) {
    var image = new Image();
    image.src = URL;

    image.onload = function () {
        callback(image);
    };
}

Проблема заключается в том, что я хочу разместить изображение в круге, который создаю перед добавлением изображение. Как я могу преобразовать свое изображение, чтобы обрезать его по кругу и подогнать его под мой предыдущий круг?

Я пытался:

image.style.borderRadius = "50%";

Но это никак не повлияло. Как я могу обрезать мое изображение в круг?


РЕДАКТИРОВАТЬ:

После некоторых исследований я обнаружил, что jsPDF не принимает стили. Я также обнаружил, что jsPDF имеет функцию «клип», но я не уверен, как ее использовать. Могу ли я как-то добавить свое изображение, а затем обрезать его кружком?

...