canvas
文章平均质量分 87
奔跑的痕迹
I like to learn new technologies every day and I am willing to constantly improve myself.
展开
-
一个简单实用的cesium三维开发工具包
而大多二三维的包(openlayersjs,cesiumjs、threejs)都是外国的,如果英语水平好还行,否则读起来真是连蒙带猜甚是难受;正式因为经历过所以结合自身经验和网络资料整理了一套cesium相关案例的开发包,供大家参考,希望对各路小伙伴有所帮助。WebGL近几年越来越被人们所关注,但是二三维开发难度也比普通web要高出许多,不管我们是在在开发或者是学习过程中,往往需要耗费大量的时间去查阅资料和研究官方案例;让本来就非常紧张的而宝贵的精力卷到了不关紧要的地方。原创 2023-06-09 23:15:29 · 732 阅读 · 0 评论 -
openlayers 使用canvas绘制圆形头像图标
记录一个使用canvas 将一张图片等比缩放,裁剪为一个圆 1、原始图片 2、绘制后在地图中呈现的样式 3、设置样式的函数 /** * 设置Style */ setStyleOnPersonLocation (feature) { const data = feature.values_ var imgUrl = 'https://person_head_img/avatar.jpg' // 绘制圆角矩形 let.原创 2020-08-21 16:10:58 · 1074 阅读 · 0 评论 -
使用openlayers扩展插件ol-ext设置地图指定区域高亮
最近要实现一个从底图向上发光的功能,着实纠结了好久,起初像是使用polygon 颜色透明度来实现,但毕竟底图不亮,增加图层效果不理想呀 一、ui设计是这样 二、使用polygon着色效果是这样 import {styleSwitch} from '@/components/common/set_style'; mapInit(){ this.map...原创 2020-01-04 22:00:11 · 5091 阅读 · 11 评论