首頁 常見問題 微軟在 3D 視圖工具中新增了複合層選項卡

微軟在 3D 視圖工具中新增了複合層選項卡

Apr 26, 2023 pm 04:58 PM
3d 選項卡

微软在 3D 视图工具中添加了复合层选项卡
3D 視圖工具中的合成圖層標籤可讓您查看建立的圖層。

微軟在其3D 視圖工具#中註入了一項新功能,讓Web 開發人員感到驚訝 ,該工具是開發工具(Dev Tools) 的一部分。週二宣布,名為 Composited Layers 標籤的功能將加入 3D 視圖工具的其他工具,用於解決常見的 Web 開發問題,例如不必要的捲軸、z-index 堆疊問題和 DOM 複雜性。

複合圖層功能旨在將網頁分成正確數量的圖層。 Microsoft Edge資深產品經理Patrick Brosset表示,當元件獨立於其他元件進行動畫或變更時,它將很有用。可以回想一下,Microsoft Edge DevTools 之前有一個單獨的圖層工具提供相同的功能。然而,該公司決定為其移除面板,從而將其與 3D 視圖工具合併。

在宣布新功能到來的部落格文章中,Brosset 還詳細介紹了這些層的重要性以及它們在 Web 上的基本情況,並從高層次討論了瀏覽器渲染引擎的活動。據他介紹,瀏覽器引擎遵循一系列步驟,從 HTML 和 CSS 到螢幕上的像素。這些過程包括解析 HTML 程式碼和建立 DOM 樹、解析 CSS 程式碼和獲取樣式和佈局資訊、生成新的樹結構以及將頁面繪製到螢幕上。

「在最後一步中,引擎可能會決定一次繪製頁面,或將其分成多個圖層,單獨繪製,然後從中合成最終影像,」Brosset 指出。 「有特定的CSS 屬性和HTML 元素使引擎決定建立一個單獨的層。例如,使用3D 變換屬性或will-change 屬性會使引擎建立圖層。這樣,當這些圖層中的內容發生變化時,引擎只需重新繪製這些單獨的圖層,而不是整個視窗。」

點擊合成圖層標籤將向使用者顯示建立的圖層,其中他們的清單顯示在左側的側邊欄中。該工具還將突出顯示 3D 場景中的事物,單擊圖層將為用戶提供有關它們的有價值信息,例如大小。

「作為 Web 開發人員,了解您打算製作動畫的頁面的一部分是否確實在其自己的層中是非常有用的,」他補充道。 “如果是這樣,那麼您可以確定在播放動畫時,頁面的其餘部分也不需要重新繪製。但同樣重要的是要檢查您是否不會意外創建太多層,因為每個層都需要內存。”

以上是微軟在 3D 視圖工具中新增了複合層選項卡的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

修正:Google Chrome 中的 ERR_ADDRESS_UNREACHABLE 錯誤 修正:Google Chrome 中的 ERR_ADDRESS_UNREACHABLE 錯誤 May 15, 2023 pm 06:22 PM

幾位windows用戶抱怨,當他們嘗試在系統上的googlechrome瀏覽器上造訪一些網站時,他們無法存取網頁。它還在瀏覽器上顯示一條訊息,顯示“無法存取該網站”,錯誤代碼為ERR_ADDRESS_UNREACHABLE。此問題背後可能有許多潛在原因,可能是由於網站伺服器問題、代理伺服器設定、網路連線不穩定等。如果您也遇到類似的問題,請不要驚慌。在深入分析了這篇文章中的問題後,我們得到了一堆解決方案。在繼續之前,請嘗試以下解決方法:嘗試檢查使用者是否嘗試從其他裝置造訪網站並且沒有問題,那麼這

在 Windows 11 中無法使用 MSI Afterburner?試試以下修復方法。 在 Windows 11 中無法使用 MSI Afterburner?試試以下修復方法。 May 09, 2023 am 09:16 AM

MSIAfterburner是一款適用於大多數顯示卡的超頻工具。除此之外,您還可以使用它來監控系統的效能。但是一些用戶報告說MSIAfterburner無法在Windows11中運行。這可能是由於幾個原因,我們在以下部分中討論了它們。但是,當發生這種情況時,它會阻止您在玩遊戲時更改效能或監控它。正如預期的那樣,這對遊戲玩家構成了重大挑戰。這就是為什麼我們專門使用本教學來幫助您了解該問題,並引導您完成針對MSIAfterburned在Windows11中無法運行的問題的最有效修復。

修正:在 Windows 11 上執行 Valorant 時出現 VAN 1067 錯誤 修正:在 Windows 11 上執行 Valorant 時出現 VAN 1067 錯誤 May 22, 2023 pm 02:41 PM

該作業系統看起來比其前身要好得多,並具有AutoHDR和DirectStorage等面向遊戲玩家的功能,但Valorant玩家在啟動遊戲時遇到了一些麻煩。這不是早先遊戲玩家面臨的第一個問題,Valorant無法在Windows11上打開是困擾他們的另一個問題,但我們已經介紹了修復它的方法。現在看來,切換到Windows11的Valorant玩家由於安全啟動和TPM2.0服務而面臨問題,這導致遊戲選單在運行時僅顯示退出選項。很多用戶都收到VAN1067錯誤,但這不應該引起警

DirectX 函數 GetDeviceRemovedReason 失敗並出現錯誤 DirectX 函數 GetDeviceRemovedReason 失敗並出現錯誤 May 17, 2023 pm 03:38 PM

我們玩的幾乎所有高階遊戲都依賴DirectX來有效運作。但是,一些使用者報告遇到DirectX函數GetDeviceRemovedReasonfailedwith,然後是錯誤原因。對於一般使用者而言,上述原因並非不言自明,需要進行一定程度的研究才能確定根本原因以及最有效的解決方法。為了使事情變得更容易,我們將本教程專門用於此問題。在以下部分中,我們將協助您確定潛在原因並引導您完成故障排除步驟,以消除DirectX函數GetDeviceRemovedReasonfailedwitherror。什麼導致

為何在自動駕駛方面Gaussian Splatting如此受歡迎,開始放棄NeRF? 為何在自動駕駛方面Gaussian Splatting如此受歡迎,開始放棄NeRF? Jan 17, 2024 pm 02:57 PM

寫在前面&筆者的個人理解三維Gaussiansplatting(3DGS)是近年來在顯式輻射場和電腦圖形學領域出現的一種變革性技術。這種創新方法的特點是使用了數百萬個3D高斯,這與神經輻射場(NeRF)方法有很大的不同,後者主要使用隱式的基於座標的模型將空間座標映射到像素值。 3DGS憑藉其明確的場景表示和可微分的渲染演算法,不僅保證了即時渲染能力,而且引入了前所未有的控制和場景編輯水平。這將3DGS定位為下一代3D重建和表示的潛在遊戲規則改變者。為此我們首次系統性地概述了3DGS領域的最新發展與關

如何在 iPhone 上變更字體顏色 如何在 iPhone 上變更字體顏色 May 13, 2023 pm 01:01 PM

顏色有助於我們在視覺上處理事物的方式,因此在文件、電子郵件、鎖定螢幕和其他元素中使用各種顏色看起來更美觀。與字體樣式一樣,選擇不同的字體顏色可能是避免手機上的文字看起來單調的好方法。如何在Pages應用程式中更改字體顏色您可以在iPhone上更改文件的文字顏色,也可以在iOS上開啟Pages應用程式來完成。在Pages內,點選要開啟的文件。如果文件在螢幕視圖中打開,請點擊右上角的編輯按鈕。所選文件現在將進入編輯模式。若要變更此文件中文字的字體顏色,請點擊所需文字以突出顯示它。突顯

選擇相機還是光達?實現穩健的三維目標檢測的最新綜述 選擇相機還是光達?實現穩健的三維目標檢測的最新綜述 Jan 26, 2024 am 11:18 AM

0.寫在前面&&個人理解自動駕駛系統依賴先進的感知、決策和控制技術,透過使用各種感測器(如相機、光達、雷達等)來感知周圍環境,並利用演算法和模型進行即時分析和決策。這使得車輛能夠識別道路標誌、檢測和追蹤其他車輛、預測行人行為等,從而安全地操作和適應複雜的交通環境。這項技術目前引起了廣泛的關注,並認為是未來交通領域的重要發展領域之一。但是,讓自動駕駛變得困難的是弄清楚如何讓汽車了解周圍發生的事情。這需要自動駕駛系統中的三維物體偵測演算法可以準確地感知和描述周圍環境中的物體,包括它們的位置、

CLIP-BEVFormer:明確監督BEVFormer結構,提升長尾偵測性能 CLIP-BEVFormer:明確監督BEVFormer結構,提升長尾偵測性能 Mar 26, 2024 pm 12:41 PM

寫在前面&筆者的個人理解目前,在整個自動駕駛系統當中,感知模組扮演了其中至關重要的角色,行駛在道路上的自動駕駛車輛只有通過感知模組獲得到準確的感知結果後,才能讓自動駕駛系統中的下游規控模組做出及時、正確的判斷和行為決策。目前,具備自動駕駛功能的汽車中通常會配備包括環視相機感測器、光達感測器以及毫米波雷達感測器在內的多種數據資訊感測器來收集不同模態的信息,用於實現準確的感知任務。基於純視覺的BEV感知演算法因其較低的硬體成本和易於部署的特點,以及其輸出結果能便捷地應用於各種下游任務,因此受到工業