3 画布渲染画布

方法 context.drawImage(imgNode,x,y) 的第一个参数 imgNode 也可以是画布元素,也就是把一个画布整体的渲染到另外一个画布上。

var canvas1 = document.querySelector('#cavsElem1');
var canvas2 = document.querySelector('#cavsElem2');
var ctx1 = canvas1.getContext('2d');
var ctx2 = canvas2.getContext('2d');
ctx1.fillRect(20, 20, 40, 40);      //在第一个画布上绘制矩形
ctx2.drawImage(canvas1, 10, 10);    //将第一个画布整体绘制到第二个画布上

results matching ""

    No results matching ""