webhmy

摘要： css中带了很多浏览器已经支持的鼠标样式，很多时候需要换成自己定义的图片。 最好使用32*32图片，ico格式，当前也有其他格式，最好设置支持跨平台的格式，不同浏览器支持的格式不统一，png等其他的格式是可以转为ico格式 设置对齐点 cursor: url("../lib/leaflet/imag 阅读全文

摘要： 最近接到一拖拽交互操作，开始的时候就想着传统的mouseUp,mouseDown，mouseMove之类的方法。但是偶然看到H5的draggable属性，觉得更香啊！先看下实现的效果。 如图所示的场景就很适合使用该API，拖拽的过程中鼠标还带着对应的元素样式。 draggable="true" 设置 阅读全文

摘要： 3月在部门组织了一场关于SVG的培训，把没有分享到博客的资料放到博文上吧,因为PPT写过了，就截图放上了，比较懒，懒得再打字了，嘿嘿~ 1. 线性变换属性 2. dom转SVG的坐标点 核心代码 document.addEventListener('click', (e) => { let x = 阅读全文

摘要： 我们在写vue组件的时候，如果在一个组件里引入多个组件，一般的写法是这样的 完全没毛病，但是这样的写法就有点累赘，每次新增一个组件又要添加多处，原来现在已经有更方便的写法了，实践了一下，非常nice const routes = {}; const contexts = require.contex 阅读全文

摘要： 本周更新的需求是物体上显示文字信息，效果图如下： 加载字体 import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js'; const loader = new FontLoader(); loader.load('/en 阅读全文

摘要： 在项目中使用scale的时候遇到一个场景：需要对一个指定的元素进行缩放，但同时又要保持其的相对的位置不变，这个时候就需要使用到CSS中的scale跟translate了。 比如，我有一个300*400的元素(并且该元素不支持使用width跟height) 此时我需要对其进行放大，比如我们需要对其放大 阅读全文

摘要： 本文主要记录使用Three.js过程中使用的常用方法： 1. 修改颜色 setStyle 找到物体对应的material，调用方法： material.color.setStyle('#ca14cb'); // 设置成紫色，支持css颜色值 2. 空值物体的可见 visible material.v 阅读全文

摘要： 使用Three.js绘制立方体是最基本的功能，我们可以使用new THREE.BoxGeometry(width, height, depth)根据长、宽、高等信息直接绘制，也可以根据点的信息进行绘制。而根据点的信息进行绘制这个功能，由于Three.js版本的升级，以及给其中的面设置不同的颜色，我发 阅读全文

摘要： 本博文主要记录如何使用three.js绘制物体的边框及修改其lineWidth。three.js是个技术点比较多，查询资料又比较少的框架，单单就这个修改lineWidth就是一个坑。先放一个动态的效果图，需要的小伙伴可以看下相关实现。 开始的时候，我是使用LineSegments来实现的，线的材质使 阅读全文

摘要： 最近接手了一位离职同事做的项目，涉及到3D绘图，他走之前进行了一些调研。本文及后续的博文，主要针对基础知识及项目迭代优化过程中遇到的问题进行记录。本文属于基础概念篇，该篇文档源于我的同事调研结果，转载记录用于日后查阅。 一、3D基本要素 1 场景 一个三维空间，所有物体的容器。创建场景之后，接下来就 阅读全文