与jquery和html5的照片拼贴画

Question

我想分别组织四个图像，然后用jquery组合成一个画布。我怎么做拼贴？

Answer 1

要使用Jquery创建画布，请尝试：

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
$('body').append($(canvas));
canvas.width = 1000;
canvas.height = 1000;

您可以更换＆＃39; body＆＃39;无论你喜欢什么。要绘制图像，请执行以下操作：

var image1 = new Image();
var image2 = new Image();
image1.src = "/src/image1.png"
image2.src = "/src/image1.png"

context.drawImage(image1, 0, 0, 500, 500)
context.drawImage(image2, 500, 0, 500, 500)
context.drawImage(image1, 0, 500, 500, 500)
context.drawImage(image2, 500, 500, 500, 500)

祝你好运