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

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

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

 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);


}

canvas html jquery css fabricjs
person anam    schedule 24.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это

$( "#Bird" ).click(function() {
$('.canvasid').css("background-image", "url(images/bird.jpg)");
$('.canvasid').css("background-size", "cover");
$('.canvasid').css( "background-repeat", "no-repeat");
});
person Sanjay Nakate    schedule 24.09.2013
comment
это я пробовал, но когда я сохраняю холст, сохраняется только часть клипа, фоновое изображение не сохраняется. - person anam; 24.09.2013
comment
эй, симми, вы разобрались с проблемой формы холста и проблемой фонового изображения, я сталкиваюсь с той же проблемой, когда конвертирую холст в изображение. @simmisimmi - person Sanjay Nakate; 27.09.2013