前端学习
前端学习
Serenity_Qin
这个作者很懒,什么都没留下…
展开
-
vue3 + ts + cesium:绘制、更新圆 ellipse
(2)鼠标左键单击绘制的圆形,显示圆的圆心和边缘点;长按鼠标左键,拖动圆心,实时更新圆的位置;长按鼠标左键,拖动边缘点,实时更新圆的半径;单击鼠标右键,结束更新操作,不再显示圆心和边缘点。2. components / CesiumViewer / hooks / utils.ts (禁止/允许屏幕拖动、屏幕坐标转世界坐标代码)(1)单击鼠标左键开始绘制,确定圆的圆心,移动鼠标,改变圆的半径;本文主要实现基础的绘制圆形,并且可以通过拖动圆心更新圆的位置,拖动圆上的边缘点改变圆的半径。原创 2024-10-04 13:12:33 · 329 阅读 · 0 评论 -
vue3 + ts + cesium:绘制自由曲线(polyline)
(1)长按鼠标左键开始绘制;(2)抬起鼠标左键结束绘制。本文主要实现最基础的绘制自由曲线。原创 2024-10-03 10:03:11 · 257 阅读 · 0 评论 -
vue3 + ts 二次封装 el-menu
4. 使用 test.vue。原创 2024-10-01 10:30:00 · 269 阅读 · 0 评论 -
vue3 + ts + cesium:绘制、更新多边形 polygon
(2)单击鼠标右键结束绘制、结束更新多边形(此时不会显示多边形的顶点);本文主要实现最基础的绘制多边形,并且可以拖动多边形的顶点实时更新多边形的形状。(3)长按鼠标左键拖动多边形的顶点,实时更新多边形的形状;(1)单击鼠标左键绘制多边形、选中多边形;(4)抬起鼠标左键停止拖动多边形的顶点。原创 2024-09-30 10:30:00 · 125 阅读 · 0 评论 -
vue3 + ts + cesium:绘制、更新折线 polyline
(2)单击鼠标右键结束绘制折线、结束更新线条(此时不会显示线上的点);本文主要实现最基础的绘制折线,并且可以拖动线上的点实时更新线条。(3)长按鼠标左键拖动线上的点,实时更新线条;(1)单击鼠标左键绘制折线、选中线条;(4)抬起鼠标左键停止拖动线上的点。原创 2024-09-29 10:30:00 · 408 阅读 · 0 评论 -
vue3 + ts + cesium:添加、拖动图标 billboard
本文主要实现最基础的添加图标、并且可以拖动刚刚添加的图标。(3)长按鼠标左键拖动图标,实时更新图标的位置;(4)抬起鼠标左键停止拖动图标。(1)单击鼠标左键添加图标;(2)单击鼠标右键结束添加;原创 2024-09-28 10:30:00 · 230 阅读 · 0 评论 -
vue3 + ts + cesium:绘制、拖动点 point
本文主要实现最基础的绘制点,并且可以拖动刚刚绘制的点。(3)长按鼠标左键拖动点,实时更新点的位置;(4)抬起鼠标左键停止拖动点。(2)单击鼠标右键结束绘制;(1)单击鼠标左键绘制点;原创 2024-09-27 10:30:00 · 143 阅读 · 0 评论 -
vue3 + ts + vite 初始化 cesium
1. 下载并导入依赖。原创 2024-09-25 11:45:00 · 180 阅读 · 0 评论 -
cesium 放大、缩小组件
点击 “+”,放大;长按 “+”,持续放大。点击 “-”,缩小;长按 “-”,持续缩小。原创 2024-09-26 11:45:00 · 243 阅读 · 0 评论 -
Vue3 + ts + Vite 不同屏适配:px 转 vw
【注】上述方案对行内样式不生效,行内样式中 px 转 vw 可使用自定义方法实现。(2)在项目根目录下编写配置文件 postcss.config.cjs。1. 编写函数 utils/pxToVw.ts。(1)在 main.ts 导入依赖。原创 2024-09-24 10:55:44 · 323 阅读 · 0 评论