首頁猿問使用javascript畫布調(diào)整圖...

var canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');canvas.width=300canvas.height=234ctx.drawImage(img, 0, 0, 300, 234);document.body.appendChild(canvas);第一個是普通的已調(diào)整大小的圖像標(biāo)記，第二個是畫布。請注意畫布如何不那么平滑。我怎樣才能實現(xiàn)'順暢'？

查看完整描述

3 回答

HUWWW

TA貢獻(xiàn)1874條經(jīng)驗獲得超12個贊

由于Trung Le Nguyen Nhat的小提琴根本不正確（它只是在最后一步使用了原始圖像），
我寫了自己的一般小提琴，進(jìn)行了性能比較：

基本上它是：

img.onload = function() {
   var canvas = document.createElement('canvas'),
       ctx = canvas.getContext("2d"),
       oc = document.createElement('canvas'),
       octx = oc.getContext('2d');

   canvas.width = width; // destination canvas size
   canvas.height = canvas.width * img.height / img.width;

   var cur = {
     width: Math.floor(img.width * 0.5),
     height: Math.floor(img.height * 0.5)
   }

   oc.width = cur.width;
   oc.height = cur.height;

   octx.drawImage(img, 0, 0, cur.width, cur.height);

   while (cur.width * 0.5 > width) {
     cur = {
       width: Math.floor(cur.width * 0.5),
       height: Math.floor(cur.height * 0.5)
     };
     octx.drawImage(oc, 0, 0, cur.width * 2, cur.height * 2, 0, 0, cur.width, cur.height);
   }

   ctx.drawImage(oc, 0, 0, cur.width, cur.height, 0, 0, canvas.width, canvas.height);}

反對回復(fù) 2019-08-26

3 回答
0 關(guān)注
1084 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

使用javascript畫布調(diào)整圖像大?。樌?/h1>
關(guān)注

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

使用javascript畫布調(diào)整圖像大?。樌?/h1> 關(guān)注

3 回答

相關(guān)問題推薦

添加回答

使用javascript畫布調(diào)整圖像大?。樌?/h1>
關(guān)注