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

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

JavaScript 畫(huà)布樣式未在代碼中設(shè)置

JavaScript 畫(huà)布樣式未在代碼中設(shè)置

我正在嘗試動(dòng)態(tài)調(diào)整left畫(huà)布的位置。寬度和高度可以改變,我知道left需要一些快速網(wǎng)絡(luò)搜索的 CSS。這就是我所得到的:HTML: <canvas id="output2" class="camera-canvas2"></canvas>CSS:.camera-canvas2 {            position: absolute;            transform: scale(1, 1);            transform-origin: 0 0;            left: 510px;            top: 10px;        }JavaScript:var canvas2 = document.getElementById('output2');// Need to adjust right (canvas2) position    let newOffset = Math.round(510-rightVideoOffset);    let styleString = '"'+String(newOffset)+'px"'; //"510px" is default    canvas2.style.left = styleString    console.log("canvas2.style.left: "+String(canvas2.style.left)+" // "+styleString);我有一個(gè)可以切換值的按鈕rightVideoOffset,對(duì)于使用該變量的另一個(gè)功能來(lái)說(shuō)效果很好。然而檢查日志,這style.left似乎沒(méi)有做任何事情(下面的控制臺(tái)日志):canvas2.style.left:  // "420px" 從視覺(jué)上看,什么也沒(méi)有發(fā)生。在上面的日志中,它應(yīng)該打印 style.left 的變量值,但當(dāng)我嘗試檢查它時(shí)它是空白的。我該如何解決這個(gè)問(wèn)題并使用 JS 動(dòng)態(tài)地將畫(huà)布位置向左移動(dòng)?
查看完整描述

1 回答

?
一只萌萌小番薯

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

用引號(hào)“填充” styleString 并不能幫助它注冊(cè)為字符串。相反,它只是在字符串末尾添加引號(hào)。這不是按510px預(yù)期創(chuàng)建一個(gè)字符串,而是創(chuàng)建一個(gè)包含 content 的字符串"510px",這對(duì)于 CSS 來(lái)說(shuō)是無(wú)效輸入,因此 Javascript 只是忽略它而不執(zhí)行任何操作。


相反,你應(yīng)該寫(xiě)一些類(lèi)似的東西let styleString = newOffset + "px"。JavaScript 將為您完成字符串轉(zhuǎn)換。


例子:


var block = document.getElementById("block");

var otherBlock = document.getElementById("otherBlock");

function testNoWork() {

    let styleString = '"' + String(block.offsetLeft+20) + 'px"'

    block.style.left = styleString;

}

function testWorks() {

    let styleString = (otherBlock.offsetLeft+20) + 'px'

    otherBlock.style.left = styleString;

}

setInterval(testWorks, 1000);

setInterval(testNoWork, 1000);

#block, #otherBlock {

    height: 1em;

    width: 1em;

    background-color: black;

    position: absolute;

    left: 0em;

    top: 0em;

}

Doesn't work:

<div id="block" style="left:50px;top:50px;"></div>

<br /><br /><br /><br /><br />Works:

<div id="otherBlock" style="left:50px;top:150px;"></div>


查看完整回答
反對(duì) 回復(fù) 2023-09-14
  • 1 回答
  • 0 關(guān)注
  • 119 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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