为啥 canvas 画图不全

Question

从网上找了个图片，把图片用 canvas 的 drawImage API 画到画布上。问题是：图片没有画完整。具体情况，麻烦看这个链接中的代码：https://codepen.io/wangding/p...

Answer 1

你的代码里是给ctx.width赋值，而can才是canvas元素

$img.load(function() {

  var can = $('<canvas>').get(0);

  var ctx = can.getContext('2d');

  can.width = this.width;    //之前这里用的是ctx

  can.height = this.height;

  $('.main').append($(can));

  ctx.drawImage(this, 0, 0, can.width, can.height);  //之前这里用的是ctx

});