在使用cropper.js做裁剪是發(fā)現(xiàn)裁切的圖片不夠清晰盖灸,主要是由于canvas畫圖像素問題
解決方法:
把context = canvas.getContext('2d'),
改為 context = canvas.getContext('2d').translate(0.5,0.5),
即可
cropper.js代碼位置
function getSourceCanvas(image, data) {
var canvas = $('<canvas>')[0],
context = canvas.getContext('2d').translate(0.5,0.5),
width = data.naturalWidth,
height = data.naturalHeight,
rotate = data.rotate,
rotated = getRotatedSizes({
width: width,
height: height,
degree: rotate
});