У меня есть холст с SVG-контуром. Я хочу сделать что-то вроде этого: http://jsfiddle.net/tbqrn/Многократное обрезка Fabric.js на основе svg
var canvas = new fabric.Canvas('c');
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.rect(10,10,150,150);
ctx.rect(180,10,200,200);
ctx.closePath();
ctx.stroke();
ctx.clip();
fabric.Image.fromURL(img01URL, function(oImg) {
oImg.scale(.25);
oImg.left = 50;
oImg.top = 100;
canvas.add(oImg);
canvas.renderAll();
});
fabric.Image.fromURL(img02URL, function(oImg) {
oImg.scale(.25);
oImg.left = 300;
oImg.top = 100;
canvas.add(oImg);
canvas.renderAll();
});
, но с одним отличием: изображение после выхода из одной области должны немедленно появиться в другом. Как я могу это сделать?
Так что вам нужно, чтобы удалить разрыв между ними? –
Не совсем. Я хочу, чтобы пробел оставался видимым для пользователя, но изображение не должно осознавать пробел. Это трудно объяснить…. – ats
Думаю, я понимаю. Это то, что тебе надо? http://i.imgur.com/SzpMLWB.png –