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