在 data 属性中可以定义响应式数据,并在模板中使用。当响应式数据发生变化时,模板中对应的内容也会自动更新。但在某些情况下,需要监听某个响应式数据的变化,这时就需要使用监听器(watch)来实现了。 一、基本用法 1,function 语法 (1)下面是一个 watch 的简单使用样例......
在三维可视化、WebGL 应用、Cesium / Three.js 场景以及数字孪生相关项目中,GLB(Binary glTF) 已逐渐成为主流的三维模型交付格式。然而,在实际工程中建模软件或摄影测量工具输出的是 OBJ + MTL + 贴图的组合文件,无法直接满足前端或引擎对 GLB 的使用需求。本文将介绍两种常见且实用的 OBJ → GLB 转换方案......
计算属性是 Vue 最常用的特性之一。它们看起来像属性,但本质上是基于它们的依赖进行缓存的函数。通常我们写的计算属性只有 getter(只读),但在 Vue 中我们也可以为计算属性提供 setter,从而实现“可写的计算属性”。这个非常适合把多个数据源双向绑定为一个逻辑字段......
有时我们手里有一个 3D 模型文件需要查看(比如 3D 打印的 STL,或者是建模常用的 OBJ/FBX),但电脑上没装专业的工程软件。那么可以试试 Online 3D Viewer 这个免费、开源、免安装的在线 3D 模型查看器。使用它我们可以直接在浏览器里就能“丝滑”地旋转、缩放和测量模型......
v-bind 是 Vue 中最常用的指令之一,用于把组件实例的数据绑定到 DOM 属性或组件的 props 上,具体用法可以查看我之前的文章。其实我们还可以在 <style>(通常是未被运行时直接处理的部分)里写 v-bind(propName),Vue 的 SFC 编译器会在构建时/运行时把它转为 CSS 变量......
1,问题描述 (1)有时我们希望调整 GLB 模型朝向。例如下面这个使用 RealityScan 导出的体育馆模型。在 Windows 3D 查看器中打开时,会发现该模型朝向不符合预期的情况:模型默认是“立着”的,而我们希望它是“躺着”的。 (2)这种朝向问题通常是由于......
三月头条:为什么 TIOBE 榜单依然依赖搜索引擎 由于二月天数较少,且 TIOBE 指数榜单在这个月里没有什么大变动,因此现在正是讨论一个关于该榜单本身的“元问题”的好时机。最近这个问题已经被多次提出:为什么 TIOBE 榜单仍然基于搜索引擎的结果统计......
果需要实现两个文档版本对比,并对差异高亮显示功能,可以借助 Tiptap(基于 ProseMirror)来实现。简单来说就是需要自己做“对比算法 + 把差异映射回 ProseMirror 文档并用 mark 样式标记”的工作,下面通过样例进行演示。 十五、文档内容对比功能实现......
前文我演示了如何将 Tiptap 内容导出为 Word ,本文演示如何实现将 Tiptap 内容导出为 Pdf 文件,同样有纯客户端导出,以及由服务端导出两种方案。 十四、将内容导出为 PDF(客户端导出) 1,安装依赖 (1)要实现客户端导出,我们需要先安装 html2pdf.js 这个依赖库......
AI 将“把一张图片变成 3D 模型”从专家级工作变成了普通创作者也能快速试验的玩法。Tripo(Tripo3D / Tripo AI)跟前文介绍的 Rodin、腾讯混元 3D 类似,同样是一款将单张图片或文字描述瞬间生成可导出的 3D 网格的在线工具。下面我将通过实际操作,演示如何用 Tripo 把 2D 图片一键生成 3D 模型......