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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

以編程方式調(diào)整 PNG 的大小

以編程方式調(diào)整 PNG 的大小

慕桂英546537 2022-01-07 11:06:51
我有一系列 png 文件,我需要根據(jù)窗口大小動(dòng)態(tài)調(diào)整大小。一些代碼片段(斷章取義):var scale = this.props.scaleFactor ? this.props.scaleFactor : 1;originalHeight:number = 244;originalWidth:number = 744;height: `${this.originalHeight / scale}px`,width: `${this.originalWidth / scale}px`,有了這個(gè),我可以通過scaleFactor手動(dòng)修改為我想要的任何大?。ㄐ∮趏riginalHeight和originalWidth.我的問題是我是否以及如何scaleFactor根據(jù)窗口大小動(dòng)態(tài)更改,例如:scaleFactor = window.innerHeight..somethingsomething.....;這可以通過一些甜蜜的數(shù)學(xué)或算法來完成嗎?
查看完整描述

2 回答

?
慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊

你可以使用這樣的東西。調(diào)整大小完成后,它將觸發(fā) 500 毫秒,并為您提供新寬度與舊寬度的比率:


let id = false;

let window_width = window.innerWidth;

window.addEventListener('resize', (e)=>{

    if(id != false) clearTimeout(id);

    id = setTimeout(()=>{

        console.log('resizing finished');

        let new_window_width = window.innerWidth;


        let ratio = new_window_width / window_width;

        console.log('ratio:', ratio);

        // do something here?



        window_width = new_window_width;

    }, 500)

})


查看完整回答
反對(duì) 回復(fù) 2022-01-07
?
皈依舞

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊

不要在 javascript 中計(jì)算樣式。


看看calc()。


.scaled-image {

   width: calc(100% / 2);

}


查看完整回答
反對(duì) 回復(fù) 2022-01-07
  • 2 回答
  • 0 關(guān)注
  • 170 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)