av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

創(chuàng)新互聯(lián)百度小程序教程：spintileviewerVR3D環(huán)物-beta

  • spintileviewer VR 3D 環(huán)物 -beta
    • 使用方法
      • 1. 在項目中引用動態(tài)庫
      • 2. 在使用到組件的頁面配置動態(tài)庫
      • 3. 編寫*.swan文件
    • 動態(tài)庫屬性列表
      • 關(guān)鍵配置項說明

    spintileviewer VR 3D 環(huán)物 -beta

    spintileviewer 動態(tài)庫提供了在小程序中播放 3D 環(huán)物的方法，底層基于百度 webVR SDK Hydreigon 實現(xiàn)。

    會澤網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運(yùn)維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

    使用方法

    1. 在項目中引用動態(tài)庫

    使用動態(tài)庫的方法參見使用動態(tài)庫，在app.json中增添一項 dynamicLib，與pages同級。

    • JSON
     
 
 
      
  
  
  
    1. "dynamicLib": {
      2. 
  
  
  
    2.  "myDynamicLib": {
      3. 
  
  
  
    3.  "provider": "spintileviewer"
      4. 
  
  
  
    4.  }
      5. 
  
  
  
    5. },
      6.

    2. 在使用到組件的頁面配置動態(tài)庫

    在每個使用到圖表組件的頁面，配置*.json文件如：

    • JSON
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "usingSwanComponents": {
      3. 
  
  
  
    3.  "spintileviewer": "dynamicLib://myDynamicLib/spintileviewer"
      4. 
  
  
  
    4.  }
      5. 
  
  
  
    5. }
      6.

    3. 編寫*.swan文件

    • SWAN
     
 
 
      
  
  
  
      2.

    這是一種最基本的配置方式。style也可以在*.css中聲明，需要保證是有寬度和高度的。options在*.js中綁定到頁面的 data 中：

    • JS
     
 
 
      
  
  
  
    1. const options = ...;
      2. 
  
  
  
      3. 
  
  
  
    3. Page({
      4. 
  
  
  
    4.  data: {
      5. 
  
  
  
    5.  options: options
      6. 
  
  
  
    6.  }
      7. 
  
  
  
    7. });
      8.

    其中，options 是配置項，定義了 3D 環(huán)物的物料資源地址和渲染交互配置，一個典型的配置如下所示：

    • JS
     
 
 
      
  
  
  
    1. options = {
      2. 
  
  
  
    2.  "spin": {
      3. 
  
  
  
    3.  "thumb": "https://xxx.com/.../thumb.jpg",
      4. 
  
  
  
    4.  "crossLongitude": false,
      5. 
  
  
  
    5.  "reversalY": true,
      6. 
  
  
  
    6.  "reversalX": true,
      7. 
  
  
  
    7.  "initColRow": [
      8. 
  
  
  
    8.  0,
      9. 
  
  
  
    9.  0
      10. 
  
  
  
    10.  ],
      11. 
  
  
  
    11.  "rowCount": 1,
      12. 
  
  
  
    12.  "colCount": 30,
      13. 
  
  
  
    13.  "imageUrl": [
      14. 
  
  
  
    14.  [
      15. 
  
  
  
    15.  "https://xxx.com/.../00.jpg"
      16. 
  
  
  
    16.  ]
      17. 
  
  
  
    17.  ],
      18. 
  
  
  
    18.  "scaleType": "inside"
      19. 
  
  
  
    19.  },
      20. 
  
  
  
    20.  "tile": {
      21. 
  
  
  
    21.  "scaleType": "inside",
      22. 
  
  
  
    22.  "width": 1350,
      23. 
  
  
  
    23.  "enableUrlCORSOrigin": true,
      24. 
  
  
  
    24.  "height": 1620,
      25. 
  
  
  
    25.  "tileSize": 254
      26. 
  
  
  
    26.  },
      27. 
  
  
  
    27.  "tileSources": [
      28. 
  
  
  
    28.  [
      29. 
  
  
  
    29.  "https://xxx.com/.../00_00_files/",
      30. 
  
  
  
    30.  ...
      31. 
  
  
  
    31.  ]
      32. 
  
  
  
    32.  ],
      33. 
  
  
  
      34. 
  
  
  
    34.  "backgroundColor": "#565656",
      35. 
  
  
  
    35.  "initColRow": [
      36. 
  
  
  
    36.  0,
      37. 
  
  
  
    37.  0
      38. 
  
  
  
    38.  ]
      39. 
  
  
  
    39. };
      40.

    動態(tài)庫也支持鏈接方式傳遞配置，如果是跨域訪問，需要配置跨域訪問 CORS 規(guī)則。使用方法如下：

    • SWAN
     
 
 
      
  
  
  
      2.

    參考配置文件。

    動態(tài)庫默認(rèn)僅支持核心的 3D 環(huán)物渲染（多視角分級分塊）和交互（拖拽縮放），也可以通過設(shè)置defaultui=true來顯示默認(rèn)的控件，支持 PC 和移動端的適配，支持功能包括：熱點、縮放按鈕、復(fù)位按鈕、全屏按鈕、二維碼等，配置文件是在無 UI 配置項的基礎(chǔ)上增加了相關(guān)字段，一個典型的有 UI 配置如下：

    • JS
     
 
 
      
  
  
  
    1. options = {
      2. 
  
  
  
    2.  "ver": 1,
      3. 
  
  
  
    3.  "scenes": [
      4. 
  
  
  
    4.  {
      5. 
  
  
  
    5.  "sceneName": "scene_01",
      6. 
  
  
  
    6.  "sceneType": "spin",
      7. 
  
  
  
    7.  "thumb": "https://xxx.com/.../thumb.jpg",
      8. 
  
  
  
    8.  "spinImages": [
      9. 
  
  
  
    9.  [
      10. 
  
  
  
    10.  "https://xxx.com/.../00.jpg"
      11. 
  
  
  
    11.  ]
      12. 
  
  
  
    12.  ],
      13. 
  
  
  
    13.  "tileSources": [
      14. 
  
  
  
    14.  [
      15. 
  
  
  
    15.  "https://xxx.com/.../00_00_files/",
      16. 
  
  
  
    16.  ...
      17. 
  
  
  
    17.  ]
      18. 
  
  
  
    18.  ],
      19. 
  
  
  
    19.  "colCount": 32,
      20. 
  
  
  
    20.  "rowCount": 1,
      21. 
  
  
  
    21.  "initColRow": [
      22. 
  
  
  
    22.  0,
      23. 
  
  
  
    23.  0
      24. 
  
  
  
    24.  ],
      25. 
  
  
  
    25.  "scaleType": "inside",
      26. 
  
  
  
    26.  "tileSize": 254,
      27. 
  
  
  
    27.  "minLevel": 9,
      28. 
  
  
  
    28.  "width": 8256,
      29. 
  
  
  
    29.  "height": 5504
      30. 
  
  
  
    30.  }
      31. 
  
  
  
    31.  ],
      32. 
  
  
  
    32.  "hotspotsInfo": [
      33. 
  
  
  
    33.  {
      34. 
  
  
  
    34.  "className": "info",
      35. 
  
  
  
    35.  "id": "adsasasd",
      36. 
  
  
  
    36.  "popup": {
      37. 
  
  
  
    37.  "describe": "正文顯示，純正文情況。測試測試測試測試測試測試測試測試",
      38. 
  
  
  
    38.  "img": "",
      39. 
  
  
  
    39.  "title": "超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb",
      40. 
  
  
  
    40.  "href": "https://www.baidu.com"
      41. 
  
  
  
    41.  },
      42. 
  
  
  
    42.  "tip": "車頭561564126514651653165"
      43. 
  
  
  
    43.  },
      44. 
  
  
  
    44.  ...
      45. 
  
  
  
    45.  ],
      46. 
  
  
  
    46.  "hotspotsPos": {
      47. 
  
  
  
    47.  "scene_01": {
      48. 
  
  
  
    48.  "00_00": [
      49. 
  
  
  
    49.  {
      50. 
  
  
  
    50.  "id": "adsa55sasd",
      51. 
  
  
  
    51.  "x": 0.65,
      52. 
  
  
  
    52.  "y": 0.2
      53. 
  
  
  
    53.  },
      54. 
  
  
  
    54.  ...
      55. 
  
  
  
    55.  }
      56. 
  
  
  
    56.  },
      57. 
  
  
  
    57.  "guideListFilter": "global",
      58. 
  
  
  
    58.  "guideList": [
      59. 
  
  
  
    59.  {
      60. 
  
  
  
    60.  "scene": "scene_01",
      61. 
  
  
  
    61.  "view": "01_00",
      62. 
  
  
  
    62.  "id": "adsasasd"
      63. 
  
  
  
    63.  },
      64. 
  
  
  
    64.  ...
      65. 
  
  
  
    65.  ]
      66. 
  
  
  
    66. }
      67.

    參考含 UI 配置文件。

    動態(tài)庫屬性列表

    上支持的屬性包括：

    屬性名稱 類型 說明
    optionsObject配置項
    configString配置項鏈接
    defaultuiBoolean是否顯示默認(rèn)控件

    關(guān)鍵配置項說明

    配置項名稱 類型 說明
    thumbString縮略圖 url
    spinImagesArray環(huán)視圖 url 二維數(shù)組，第一維表示行，第二維表示列
    tileSourcesArray分塊圖目錄 url 二維數(shù)組，第一維表示行，第二維表示列
    colCountNumber列數(shù)
    rowCountNumber行數(shù)
    initColRowArray初始視角
    scaleTypeString圖像適配類型。inside：留白，crop：裁切
    tileSizeNumber分塊 size
    widthNumber圖像原始寬
    heightNumber圖像原始高

    文章題目：創(chuàng)新互聯(lián)百度小程序教程：spintileviewerVR3D環(huán)物-beta
    標(biāo)題路徑：http://uogjgqi.cn/article/coiejsh.html
    掃二維碼與項目經(jīng)理溝通

    我們在微信上24小時期待你的聲音

    解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流