我的帆布上有svg路徑。我想要做這樣的事情: http://jsfiddle.net/tbqrn/基於svg的Fabric.js多重剪輯
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();
});
,但有一點不同:在離開一個區域應立即出現在另一個之後的圖像。 我該怎麼辦?
所以,你需要刪除它們之間的差距? – 2014-09-20 20:29:34
不完全。我希望用戶能夠看到差距,但圖像不應該意識到差距。很難解釋…。 – ats 2014-09-20 21:10:22
我想我明白了。這是你需要的嗎? http://i.imgur.com/SzpMLWB.png – 2014-09-20 21:18:35