前言 由于业务需求，需要有一个图片标记功能，其实就是对图片画框画线做标记，类似微信的图片编辑 但是需要存下标记图及其标记的具体数据,。功能其实很简单，但刚开始的时候也是费了一些功夫的。我将原项目中该功能抽离出来单独写了一个demo，作为记录，同时你们在开发过程中有类似需求的话也可以参考一下该思路，其 阅读全文
前言 刚开始使用three.js时会不太熟悉，想写一些项目增加理解，网上翻了好多文章，不是画立方体就是画三角形，最后偶然看到这个网站，十分炫酷。 我们也许没那么牛逼，但我们可以整个简略版的太阳系来练练手，加强理解，增加熟练度。 实现目标 1、绘制宇宙背景。 2、添加宇宙星辰。 3、绘制行星轨道。 4 阅读全文
发现问题 通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字，但此时想自定义汉字名称，通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称，汉字会报错无法打包。 踩坑过程 在 阅读全文
发现问题 vue项目完成打包出dist后准备打开index.html，发现居然页面是一片空白，f12一片报红。 分析问题 经过多次网上查询后发现这是由于vue打包时，脚手架会帮你配置好大量参数，但其中路径publicPath被配置为了"/",需要手动修改。 解决办法 1、将vue.config.js 阅读全文
发现问题 在使用filter: blur(15px)模糊背景图时，发现图片周围会泛白。 解决问题 查了好多办法： 1、使用StackBlur.js处理图片模糊。 2、改变background-size：cover为background-size:150% 150%。 3、给body添加同样的背景图。 阅读全文
vue用electron打包点击这里 安装electron-icon-builder 添加图标生成器：npm i electron-icon-builder 生成图标 1、在package.json的scripts中添加一条命令并保存： "electron:generate-icons": "ele 阅读全文
创建项目 点击这里 添加electron-builder 1、在项目目录下运行命令：vue add electron-builder 2、electron-builder添加完成后会选择electron版本，直接选择最新版： electron下载失败 vue add electron-builder 阅读全文
在vue开发过程中为了减少重复代码，很多时候都需要将重复的部分写成一个组件，方便调用。但是使用组件时很可能又会给该组件添加点击事件。如果直接这样写，事件则会失效： 正确写法应该是这样： 阅读全文
three官方的几何体也就那么几个，想要生成各种各样的模型，其难度十分之大，这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖 点击查看代码 import * as THREE from "three"; import { OrbitControls } from "three/exam 阅读全文
需求 随机不重复的显示一系列图片 分析 可使用Math.random()，其作用是返回介于 0（包含） ~ 1（不包含） 之间的一个随机数。先获取到图片路径，将图片路径放入数组中，再随机从数组中读取n个元素放入新数组，页面只需遍历新数组生成img即可。 实现 实现代码 <template> <div 阅读全文
