国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

ThreeJs CSS3DObject 點擊失效問題

這篇具有很好參考價值的文章主要介紹了ThreeJs CSS3DObject 點擊失效問題。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

想實現(xiàn)一個在選中物體,彈出菜單,結(jié)果發(fā)現(xiàn),點擊會失效

	  <ul id="menu" class="list-group list-group-full">
        <li class="list-group-item" onclick="test()">24小時曲線</li>
        <li class="list-group-item" onclick="test()">72小時曲線</li>
      </ul>
	  const tag = new CSS3DObject(dom);
      tag.scale.set(0.05, 0.05, 0.05); //縮放標簽尺寸

      let position = this.getWorldPosition(this.hightLightObject);
      let size = this.getSize(this.hightLightObject);
      let offsetY = size.y / 2;

      tag.position.x = position.x + offset.x;
      tag.position.y = position.y + offsetY + offsetY / 4 + offset.y;
      tag.position.z = position.z + offset.z;
      this.scene.add(tag);

之前綁定在dom中click事件不會觸發(fā)。

Google了一下,找到解決方法
https://discourse.threejs.org/t/onclick-is-not-working-on-css3dobject/31108文章來源地址http://www.zghlxwxcb.cn/news/detail-534887.html

dom.addEventListener('pointerdown', () => { alert(2) })

到了這里,關(guān)于ThreeJs CSS3DObject 點擊失效問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • CSS3提高: CSS3 3D轉(zhuǎn)換

    CSS3提高: CSS3 3D轉(zhuǎn)換

    3D 轉(zhuǎn)換 ? 我們生活的環(huán)境是 3D 的 ,照片就是 3D 物體 在 2D 平面 呈現(xiàn)的 例子。 有什么特點 近大遠小。 物體后面遮擋不可見 我們在網(wǎng)頁上構(gòu)建 3D 效果的時候參考這些特點就能產(chǎn)出 3D 效果。 三維坐標系 三維 坐標系其實就是指立體空間,立體空間是由 3 個軸共同組成 的。

    2024年02月01日
    瀏覽(35)
  • Vue點擊事件失效

    Vue點擊事件失效

    在碼代碼的時候發(fā)現(xiàn), 使用Vue的點擊事件突然失效,就算是打印輸出也沒有反應(yīng) , 回過頭來發(fā)現(xiàn)是自己在引入better-scroll 的時候出現(xiàn)的問題, 實現(xiàn)滑動效果的時候 , 沒有添加配置項 click: true; 導致子組件的點擊事件失效 ?另外其他兩種可能導致點擊事件失效的原因:? 1. divspan 事件

    2024年02月14日
    瀏覽(24)
  • uniapp h5 echarts 打包后圖表點擊失效/及其他失效

    uniapp h5 echarts 打包后圖表點擊失效/及其他失效

    pc端 window11 hbuilderx版本 3.8.12 echarts版本 5.4.3 在main.js 加上 window.wx = {} // 開發(fā)正常 打包后 圖表點擊等也會失效 window.wx = null 會報錯 打包后自動檢測環(huán)境,會優(yōu)先走到 wx里去。進去就不出來了。拉都拉不出來那種。所以重寫一下wx

    2024年02月08日
    瀏覽(23)
  • HTML5和CSS3七CSS3四

    代碼下載地址 Transision過渡動畫是從一個狀態(tài)到另一個狀態(tài),而Animation動畫可以有多個關(guān)鍵幀 animation-name:設(shè)置動畫ID animation-duration:設(shè)置動畫總時長 animation-timing-function:設(shè)置動畫時間函數(shù),同過渡動畫 animation-iteration-count:設(shè)置動畫播放次數(shù),默認1次,可以是具體次數(shù)也可

    2023年04月23日
    瀏覽(25)
  • airtest_touch未點擊失效

    airtest_touch未點擊失效

    在使用Airtest進行WEB測試自動化相關(guān)功能開發(fā)過程中,突然發(fā)現(xiàn)在本地機器上使用airtest_touch函數(shù)時,對于截圖掃描后卻無法點擊對應(yīng)頁面中圖片。 嘗試從網(wǎng)絡(luò)上進行搜索,有同學說是版本的問題,不置可否?。?! 當我們打開測試報告,發(fā)現(xiàn)對于圖片識別算法,已經(jīng)是準確識別

    2023年04月22日
    瀏覽(14)
  • day8 CSS3漸變gradients+CSS3過渡transition

    day8 CSS3漸變gradients+CSS3過渡transition

    屬性 transition 簡寫屬性,用于在一個屬性中設(shè)置四個過渡屬性。 transition-property 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。 transition-duration 定義過渡效果花費的時間。默認是 0。 transition-timing-function 規(guī)定過渡效果的時間曲線。默認是 “ease”。 transition-delay 規(guī)定過渡效果何時開始。默認

    2024年01月17日
    瀏覽(29)
  • 【CSS3】CSS3 3D 轉(zhuǎn)換 ② ( 3D 透視視圖 | “ 透視 “ 概念簡介 | 視距與成像關(guān)系 | CSS3 中 “ 透視 “ 屬性設(shè)置 | “ 透視 “ 語法設(shè)置 | 代碼示例 )

    【CSS3】CSS3 3D 轉(zhuǎn)換 ② ( 3D 透視視圖 | “ 透視 “ 概念簡介 | 視距與成像關(guān)系 | CSS3 中 “ 透視 “ 屬性設(shè)置 | “ 透視 “ 語法設(shè)置 | 代碼示例 )

    在本博客中引入 3D 效果 透視視圖 Perspective 概念 ; 3D 視圖中 產(chǎn)生 3D 效果 , 最終要的是有透視效果 , 通俗的講 \\\" 透視 \\\" 就是實現(xiàn) \\\" 近大遠小 \\\" 的效果 ; 透視 就是 將 3D 空間中的物體 投影顯示到 2D 平面中 ; 透視視圖 ( Perspective View ) : 近大遠小 , 符合正常人眼觀察 3D 世界的規(guī)律

    2024年02月13日
    瀏覽(29)
  • CSS選擇器-CSS3屬性

    持續(xù)更新… 1、CSS3的概念和優(yōu)勢 CSS3是CSS技術(shù)的升級版本,CSS3語言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個模塊實在是太龐大而且比較復(fù)雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進來。這些模塊包括:盒子模型、列表模塊、超鏈接方式、語言模塊、

    2024年02月11日
    瀏覽(28)
  • 【CSS3】CSS3 3D 轉(zhuǎn)換 ① ( CSS3 3D 轉(zhuǎn)換簡介 | 3D 物體與 2D 物體區(qū)別 | 3D 空間坐標系 | 常用的 3D 轉(zhuǎn)換屬性 | 3D 位移轉(zhuǎn)換語法 | 代碼示例 )

    【CSS3】CSS3 3D 轉(zhuǎn)換 ① ( CSS3 3D 轉(zhuǎn)換簡介 | 3D 物體與 2D 物體區(qū)別 | 3D 空間坐標系 | 常用的 3D 轉(zhuǎn)換屬性 | 3D 位移轉(zhuǎn)換語法 | 代碼示例 )

    3D 顯示的物體 與 平面 2D 顯示的物體有明顯的不同 , 3D 顯示效果有 近大遠小 的 特點 ; 元素的 2D 的 轉(zhuǎn)換效果 有 平移 , 旋轉(zhuǎn) , 縮放 效果 , 同樣有對應(yīng)的 3D 轉(zhuǎn)換效果 ; 2D 平面坐標系 中 , 只有 x 軸 和 y 軸 ; 3D 空間坐標系 比 2D 平面坐標系 多了一個 Z 軸 ; x 軸 : 水平向右 ; 左側(cè)是

    2024年02月12日
    瀏覽(32)
  • VUE使用Three.js實現(xiàn)模型,點擊交互,相機旋轉(zhuǎn)視角跟隨移動(Threejs中使用Tweenjs,含demo源碼)

    VUE使用Three.js實現(xiàn)模型,點擊交互,相機旋轉(zhuǎn)視角跟隨移動(Threejs中使用Tweenjs,含demo源碼)

    目錄 一、Three.js是什么? 二、VUE簡單使用Three.js步驟 1.npm安裝 2.template模板 3.引入庫 4.定義全局變量 5.初始化場景 6.初始化相機 7.初始化燈光 8.初始化渲染器 9.創(chuàng)建模型(這里我搭建的模型是一個簡單雙面貨架模型) 10.根據(jù)瀏覽器窗口自適應(yīng) 11.初始化函數(shù),頁面加載完成時調(diào)用

    2024年02月03日
    瀏覽(104)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包