samkallon的博客
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  • 友链
  • cesium示例
css添加动态视频背景

css添加动态视频背景

通常我们的系统顶部会有UI切图的背景,但是有的时候我们需要动态的背景,这个时候我们可以使用css来添加动态视频背景,但是如果直接添加MP4,即使是透明背景的mp4也会有黑边, 如下 如果使用css样式 123video{ mix-blend-mode: screen;} 背景又会过于透明 可以考虑在底部叠加一个背景实现融合,实现了效果 1234
2024-03-04
#css #html
vue3动态引入文件夹下的所有文件

vue3动态引入文件夹下的所有文件

有时我们会将相似的数据都放在同一个文件夹下,引用时如果一个一个引用就会有很多的重复代码,这时我们可以使用动态引入来解决这个问题 比如 我们想引用public文件夹下qiYeJianKongPoint文件夹下的所有json文件,可以这样写 1const allQiYePoint = import.meta.glob('/public/qiYeJianKongPoint/*.json
2024-02-26
#vue #动态
使用Gsap实现Cesium的3dtile抽拉动画效果

使用Gsap实现Cesium的3dtile抽拉动画效果

最近在需要做一个bim的抽拉效果,模型给的是一层的3dtile,而且,中心点位置都不对,所以调位置花了点时间 抽拉的主要思路就是利用gsap,在间隔时间内动态生成纬度,每次重新计算tileset的modelmatrix,实现动态调整模型的效果 核心的方法是对tileset的modelMatrix进行计算 12345678910111213141516171819202122232425
2024-01-12
#Cesium #gsap
linux查看空间占用情况

linux查看空间占用情况

最近在装mysql的时候, 报错 MySQL/Writing file error (Errcode 28) 搜了下, 说是空间不足了, 这搬瓦工的服务器容量也太小了, 才20g, 然后就想清理一下服务器的内存, 发现这个命令很好用, 可以查看当前目录下的文件夹的大小这样找到比较大的文件夹, 在删除不需要的数据即可 1du -h --max-depth=1 看完发现之前318
2023-12-01
#linux
webstorm集成svn失败问题解决

webstorm集成svn失败问题解决

拉了老的svn项目后,打开编译器却提示路径有错误,网上搜索,发现是安装时,没有勾选一个选项 找到当时的安装包, 选择modify,然后勾上那个选项就可以了
2023-11-30
#svn #webstorm #环境配置
使用ffmpeg 批量转换视频格式

使用ffmpeg 批量转换视频格式

最近写博客需要批量处理视频的格式, 然后找到了这个软件,不过速度有慢 对于当前文件夹下的所有MOV视频文件, 转换其格式并放入当前目录的res文件夹下 ffmpeg 官方文档 -threads 5 -preset ultrafast这个参数是用来加速的 不加会特别慢 1for i in *.MOV; do ffmpeg -i "$i" -threads 10 -p
2023-11-20
#linux #批处理 #格式转换 #ffmpeg #视频压缩 #图片压缩 #压缩 #视频处理 #图片处理
高性价比稳定翻墙/梯子/vpn/推荐

高性价比稳定翻墙/梯子/vpn/推荐

郑重声明 本文所介绍产品主要是为了方便学习、科研以及外贸工作。请遵守中华人民共和国法律法规,切勿在任何地方发布分裂国家,激化民族矛盾的言论。 翻墙工具三网专用客户端,使用指南和下载看这里 顶级机场这里的机场都是一线机场,全网顶级机场。脱离性价比的范畴了 奶昔(点我跳转购买)最强机场 | 111元每月500G | 1048元/年/每月500G 最强的机场,同时也最贵,限购,量力而行, 全网不
2023-11-14
#vpn #翻墙 #梯子
CSS实现文字首行缩进

CSS实现文字首行缩进

css中提供了首行缩进的属性,只要将​text-indent​设置一个值,就能实现首行缩进的效果。最常用的值是以em为单位的值,​2em​表示二倍当前字体大小,以​16px​为例,​2em​就是​32px​,也就是两个字符的距离。 123<div class="text"> 测试文本吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</div> 123.text&#
2023-11-14
#CSS #css
cesium添加gif

cesium添加gif

两个思路 思路一: 用libgif.js解析gif中的图片,然后赋值到billboard中的image,通过callbackProperty实现libgif这个库好像很老了,用npm安装后import好像不太对,然后我直接把那个js拷贝进来,然后引入js,修改一下把工厂函数挂到window上就可以正常使用了 12345(function (root, factory) {
2023-10-18
#cesium
优化cesium的3dtile加载速度

优化cesium的3dtile加载速度

之前加载3dtile 总是要等到网络请求把第一层的json文件请求完后才会开始在底图上加载,经过如下优化,速度快了一些 123456789101112 const tileset2 = await Cesium.Cesium3DTileset.fromUrl( "http://xxxxxxxxxxxxxx/tileset.json", { maximumSc
2023-09-12
1234

搜索

Hexo Fluid
总访问量 次 总访客数 人