为什么在canvas上画图片比设置的尺寸大很多?

原图大小:750x1334
canvas大小: 750X1334
我要在750x1334的画布上,铺一个750x1334的图片作为背景。

代码如下:

 var image = new Image()
  image.src = '/img/background.png'
  image.onload = drawImg // 图片加载完成再执行
  function drawImg () {
context.drawImage(image, 0, 0, 750, 1334)
  }

canvas:

<canvas id='share' canvas-id='share' style='width:750px;height:1334px;'></canvas>

结果效果出来是这样的,左图为canvas,右图为这个原图的img作为比对,750x1334,也就是我最后想要画出来的效果

https://img2.mukewang.com/5c2cc6400001d8e408000387.jpg

慕森卡
浏览 903回答 1
1回答

Helenr

<canvas&nbsp;id='share'&nbsp;canvas-id='share'&nbsp;width="750"&nbsp;height="1334"&nbsp;style='width:750px;height:1334px;'></canvas>canvas 的大小不是通过 style 设置的,这两个宽高是两码事。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5