добавить фоновое изображение на холст, а затем обрезать область

Question

добавить фоновое изображение на холст, а затем обрезать область

0

Я хочу закрепить холст, а также дать фоновое изображение, могу ли я дать фон для всего холста, а затем область клипа?

Я хочу установить фоновое изображение, а затем область клипа по кругу, где я могу рисовать изображение.

 canvas.setBackgroundImage('images/tee.png', canvas.renderAll.bind(canvas));
 canvas.clipTo = function (ctx) {

      var path = new fabric.Circle({
                radius : 40,
                fill : 'red',
                left : 55,
                top : 55
            });
    path.render(ctx);


}

anam 24 сен. 2013, в 12:10

Источник

Теги:

jquery

html

css

canvas

fabricjs

1 ответ

Ещё вопросы

Sanjay Nakate · Answer 1 · 2013-09-24T10-00-00.000Z

Попробуй это

$( "#Bird" ).click(function() {
$('.canvasid').css("background-image", "url(images/bird.jpg)");
$('.canvasid').css("background-size", "cover");
$('.canvasid').css( "background-repeat", "no-repeat");
});

Это я пробовал, но когда я сохраняю холст, сохраняется только часть клипа, фоновое изображение не сохраняется.
Эй, Симми, ты уже разобрался с проблемой формы холста и проблемой с фоновым изображением? Я сталкиваюсь с одной и той же проблемой при преобразовании изображения в холст. @simmisimmi