canvas是可以用css指定寬和高的,只不過這個寬高是元素本身的寬高,與畫布內的寬高不一樣。在canvas中調用isPointInPath等等一系列函數所指的寬高都是畫布內的寬高。
2016-11-24
第一種 imageWidth = 600*scale;
var imageHeight = 450*scale;
var sx = imageWidth/2-canvas.width/2
var sy = imageHeight/2-canvas.height/2
var sourceW = 600*3;//原圖像大小
var sourceH = 450*3;//原圖像大小
context.drawImage(image,sx,sy,sourceW-2*sx,sourceH-2*sy,0,0,canvas.width,canvas.height)
var imageHeight = 450*scale;
var sx = imageWidth/2-canvas.width/2
var sy = imageHeight/2-canvas.height/2
var sourceW = 600*3;//原圖像大小
var sourceH = 450*3;//原圖像大小
context.drawImage(image,sx,sy,sourceW-2*sx,sourceH-2*sy,0,0,canvas.width,canvas.height)
2016-11-22