LoaderUtils.resolveURL()

LoaderUtils.resolveURL() 方法是 Three.js 中的一个工具函数，用来解析 URL。它将指定的相对路径（例如相对路径的地址，如“./textures/texture.png”）转换为相对于页面的绝对路径（例如绝对地址，如“http://www.example.com/textures/texture.png”）。

语法

const url = THREE.LoaderUtils.resolveURL( url, baseURL );

参数

• url 即要解析的 URL，可以是相对路径，也可以是绝对路径。
• baseURL 是可选参数，可以传入已知的基础 URL。如果不传，则函数会自动获取当前页面的基础 URL 作为参数。

返回值

• 返回 URL 的绝对路径，即字符串类型。

示例

// 根据相对路径获取绝对路径
let relativePath = "./textures/texture.png";
let absolutePath = THREE.LoaderUtils.resolveURL( relativePath );
console.log( absolutePath ); // 输出：http://www.example.com/textures/texture.png

// 传入一个已知的基础 URL
let baseUrl = "http://www.example.com/models/";
let relativePath2 = "model.obj";
let absolutePath2 = THREE.LoaderUtils.resolveURL( relativePath2, baseUrl );
console.log( absolutePath2 ); // 输出：http://www.example.com/models/model.obj

注意事项

• 当加载文件时，如果文件的路径写成相对路径，那么three.js会根据当前网页的 URL 来解析文件路径。
• 如果你在加载文件前手动设置了页面的 baseURL，那么需要为 LoaderUtils.resolveURL 方法传入已知的基础 URL。
• 当获取当前网页的 URL 时，需要利用 document.URL、location.href 或 window.location 等对象获取，不能在 Node.js 环境下使用。