摘要:
阅读全文
摘要:
import domtoimage from 'dom-to-image' import html2camvas from 'html2canvas' function saveView() { // 这个框架ok,网上说这个框架清晰度不好,我试了下,感觉还够用! 2 let capture = d 阅读全文
摘要:
这是原型中的效果, 需要在模型上添加自定义标签,那么步骤大致就是: 点击模型,获取到对应位置的世界坐标,存入到数据库。这里我是单独有一个添加页面。 主页展示的时候,先查出这些点,然后通过css2dObject,生成自定义标签挂载到模型上。 关键问题是:点击模型的时候,获取对应的坐标。之前有记录过如何 阅读全文
摘要:
前言: 如图,这里我把场景中所有的灯光去掉,按理说模型应该都是黑色的,然而事实是这个车模型的底盘确实白色的,还有右侧车门框架那里。 至于为什么我会这么操作就是因为,我无论怎么样打光,这个底盘总是显示不出来。 而且这个底盘的颜色会和容器背景的颜色一样,背景白色,车底盘里就白的刺眼,背景黑色就是黑色的。 阅读全文
摘要:
前言:目前最流行的验证方式就是滑块验证了,虽然有很多UI库都有整个组件,但是思路方法还是值得学习的。 CSS方面: ①:首先是一个大的背景图 ②③:这里可以通过实际的两个元素通过定位方式去布局,还是通过给①添加两个伪元素都OK。 然后通过继承背景图的一些属性。 操作: 将验证滑块②(before)通 阅读全文
摘要:
vue3新特性 单文件组件 CSS 功能 | Vue.js (vuejs.org): 支持通过 data-v-[id]的方式去独立控制样式,<style>中 样式只对有 【data-v-[id]】 约束的selector 生效 支持去将<style module> 模块化,模块化后,可以在<div 阅读全文
摘要:
网站整体灰度的控制-借助一个滤镜属性: fliter: grayscale(0-1) position:sticky,借助这个属性可以实现当页面滚动到设定的定位位置时, 固定住。 阅读全文
摘要:
1.关于vw视口 和百分比100% 首先要知道 这两种单位都是有参考单位的, vw vh的参考单位是浏览器窗口的宽高, 而百分比的参考单位是父级。 百分比的参考是不包含内边距的, 假如父级有内边距,其可视区域就会变小, 所以百分比对应的区域大小也会变小。 vw vh 都是会包含滚动条的宽度的,所以实 阅读全文
摘要:
注意事项汇总 相机的position(x,y,z) 当相机的position设定后, 如果模型展现的效果比较好, 后续一般不要轻易修改y,因为可能会出现模型看不见的时候。 全景图可以当做场景scene的背景 点击查看代码 theejs 循环动画的实现关键-最简单方式 最简单的方式就是借助 正余弦函数 阅读全文
摘要:
threejs 笔记 03 —— 轨道控制器 - 掘金 (juejin.cn) 最近项目有个需求,就是控制模型的缩放的比例,之前步入误区,百度寻找解决方案 【three.js所:无法设置最大和最小缩放级别 - VoidCC】 这里给的方法是在鼠标滚轮事件中去修改相机的fov, 我尝试了,结果无论是给 阅读全文