HTML 5畫布圖像：如何應用抗混疊請查看以下示例：http://jsfiddle.net/MLGr4/47/var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");img = new Image();img.onload = function(){
canvas.width = 400;
canvas.height = 150;
ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150);
}img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg";正如您所看到的，圖像不是反混疊的，盡管據說DrawImage會自動應用反混疊。我嘗試了許多不同的方法，但似乎行不通。你能告訴我怎么才能得到反別名的圖像嗎？謝謝。
3 回答
陪伴而非守候
TA貢獻1757條經驗 獲得超8個贊
var getBase64Image = function(img, quality) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
//----- origin draw ---
ctx.drawImage(img, 0, 0, img.width, img.height);
//------ reduced draw ---
var canvas2 = document.createElement("canvas");
canvas2.width = img.width * quality;
canvas2.height = img.height * quality;
var ctx2 = canvas2.getContext("2d");
ctx2.drawImage(canvas, 0, 0, img.width * quality, img.height * quality);
// -- back from reduced draw ---
ctx.drawImage(canvas2, 0, 0, img.width, img.height);
var dataURL = canvas.toDataURL("image/png");
return dataURL;
// return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");}- 3 回答
- 0 關注
- 728 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消