一、技术栈Krpano 1.19 pr13VUE3TypeScript二、实践开始2.1 准备好Krpano生成的vtour全景资源文件目录关于Krpano的使用基础：Krpano 1.19 pr13前端全景初体验Krpano生成的全景资源目录默认名为vtour2.2 利用VUE-CLI建立一个VUE3项目vue-cli建立vue3项目方法与过程不在本文范畴，略。2.3 整合 1. 将vtour全目录复制到vue app项目下的public目录,...
313
xml文件的根元素需要是元素。所有其他元素都必须放置在此元素内。 krpano-xml中的所有xml元素和属性都是可选的，可以多次以任意顺序定义。当同一个元素将被再次定义两次或更多次时，则后面/后面的声明将覆盖以前的。 也可以定义额外的内部元素根元素本身，用于在krpano作用域声明其他设置。 xml本身只是一个传输格式-这意味着它将只用于传输krpano查看器的数据。解析xml时，xml元素将被转换/映射到krpano内部数据结构中。这意味着在解析之后，内部就不再有xml了。...
298
说明：本文使用Krpano 1.19 pr13版本！该软件各版本间使用细节不太一致，请注意！一、 获取软件该软件免费版本有水印，官方v1.20.11下载地址： https://krpano.com/download/files/krpano-1.20.11.zip某下载站附注册码地址：krpano tools(全景漫游制作软件) 1.19 pr13 特别特别版(附注册码密钥+安装教程)下载页： https://www.jb51.net/softs/579461.ht...
602
正在使用学习ThreeJS,对3D有了一点点了解。于是顺路扩展了下，想看看VR全景是如果实现的，有哪些方案。搜集整理了一些资料先记下来。以备后用。一、解决方案：KrpanoThreeJScss3d-enginepano2vr720yun1.1 krpano官网地址: https://krpano.com/krpano是一款全景漫游制作软件和工具。其具有以下特点： 高度灵活、性能卓越的轻量化全景漫游浏览器。 兼容HTML5和Flash，支持Webgl下的WebVR展...
584
常用随机数代码生成JS随机数：Math.random().toString().replace('0.', '')数组随机排序：[1, 2, 3, 4, 5].sort(_ => Math.random() - 0.5)随机取a到b之间的一个整数function br(a, b) { ret...
537
什么是SVG SVG 意为可缩放矢量图形（Scalable Vector Graphics）。 SVG 使用 XML 格式定义图像 ...
309
mediaDevices
在Web端打打开用户摄像头拍照，是通过navigator对象的新API mediaDevices对象实现。先来一个完整例子：打开用户摄像头播放录制内容，实时拍照下载<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
283
文件上传
传统文件浏览上传想当年，我们在Web端文件上传：<input type="file">如果想自定义样式：<label for="file">自定义样式</label> <input type="file" id="file" style="display: none;">即使能自定义样式，...
410
ThreeJS
webGL
3D
左手坐标系伸出左手，让拇指和食指成“L”形，大拇指向右，食指向上。其余的手指指向前方，这样就建立了一个左手坐标系。其中，拇指、食指和其余手指分别代表x，y，z轴的正方向，如下图自拍。左手坐标系一、ThreeJS 要素场景 scene渲染器 renderer相机 camera 对象 object 光源 light 二、光源环境光 AmbientLight环境光是没有特定方向的光源，主要是均匀整体改变Three...
326
HTML5
Audio
频谱
心法 01 天DEMO在线地址： http://demo.ccued.com/HTML5_Audio_Spectrum/完整的示例代码。代码不多，把音乐地址换一下，自己跑跑看吧<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...
388
