![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular7
文章平均质量分 90
渐变强的小刘
这个作者很懒,什么都没留下…
展开
-
OSS方式、canvas方式图片压缩(宽高、质量百分比)、EXIF图片数据解析(旋转角、数据)
利用FileReader、Canvas对图片进行压缩:注意这里的压缩指的是宽高压缩还有质量的百分比压缩,而不是压缩到指定的多少k(但是观察oss的压缩我发现,当使用Q_10时,图片总是在500K以下)利用EXIF对图片进行解析,以获取图片的旋转角度、大小等各类数据1、OSS方式质量/大小压缩与解析质量压缩不改变大小:图片url后面拼接 ?x-oss-process=image/quality,Q_10因为这种方式只支持jpg、jpeg、webp所以需要判断一下我这里压缩到Q.原创 2020-12-29 10:59:14 · 1185 阅读 · 0 评论 -
angular7 service存储组件间的传值 取值的时候获取不到的问题
在service中放存取的方法:存储的属性:personalInfo public personalInfo: any = { applicationNum: '', status: 0, name: '' }; constructor(private http: HttpClient, private router: Router) { super(); } setPersonalInfo(value: any) { this.personalInfo原创 2020-11-26 18:06:24 · 548 阅读 · 0 评论 -
百度地图开发探索 轨迹(路书) typescript angular
上图为先:轨迹的组成:起点、终点、一条线、线上的小车主要功能:添加轨迹、小车在轨迹上跑动、小车回到起点、小车回到重点、小车速度调节、轨迹的粗细调节实现方式:路书还有一种是在轨迹线不断的对小车进行添加和删除操作,感觉会更灵活,因为可以时刻记录你想要的数据,但是路书是封装好的方式,我也没有研究很全面添加轨迹// 画轨迹 drawTrack(trackArr: Array<any>, startOrEnd?: any) { this.lushuPointArr = [];原创 2021-01-15 10:50:40 · 1175 阅读 · 0 评论 -
百度地图开发探索 添加覆盖物(圆形、多边形、行政区)围栏 typescript angular
添加覆盖物话不多说,先上图,看图写代码(添加点的在上一章有整理)1、圆形围栏:2、多边形围栏:3、行政区围栏:图形的展示:// 画围栏 drawFence(fenceDetail: any) { this.fenceDetail = null; const pointArr: any = []; this.fencePolygon = []; let pointView: any = []; let points: any = []; c原创 2021-01-15 10:50:49 · 1260 阅读 · 0 评论 -
百度地图开发探索 angular7 (typescript) 添加参考点、定位点与自定义弹窗
添加参考点并获取位置话不多说,看图说话分析一下此点和弹窗的组成:1、上图的蓝色图标为一个marker2、生成一个marker需要point,生成point需要两个坐标(经纬度)3、上方的弹窗是依赖于marker生成的(弹窗自定义样式下面会有整理)// 参考点 referencePoint(e: any) { const point = new BMap.Point(e.point.lng, e.point.lat); // 创建point const poiIcon = n原创 2021-01-15 10:50:57 · 1043 阅读 · 0 评论 -
百度地图开发探索 定位功能(搜索获取位置,地图自带定位,点击获取定位) typescript angular
百度地图定位定位控件:如图// 定位控件 locationControl() { // 添加带有定位的导航控件,就是缩放控件+定位按钮 const navigationControl = new BMap.NavigationControl({ // 靠左上角位置 anchor: BMAP_ANCHOR_TOP_LEFT, // LARGE类型 type: BMAP_NAVIGATION_CONTROL_LARGE, /原创 2021-01-15 10:51:05 · 2429 阅读 · 2 评论 -
百度地图开发探索 angular7地图原始宽高固定、初始化、工具条/比例尺、缩略图/混合图,地图类型切换(卫星、三位、混合)、定位/版权/城市列表控件
1、地图宽高固定(整页背景)通过ID获取地图,高度随窗口变化而变化const height = window.innerHeight - 123;const map = document.getElementById('allmap');map.style.height = height + 'px';2、地图初始化原创 2021-01-15 10:51:14 · 534 阅读 · 0 评论 -
大型动态表单实例整合 angular7 4-具体应用与数据库配置 与总结
先上代码:,引用app-dynamic-form组件<ng-container *ngFor="let tab of emergencyArr"> <div class="container-fluid product-info" *ngIf="!tab.componentName"> <div class="row form-customer"> <app-dynamic-form #emergencyInfo [config]="t原创 2021-01-15 10:50:17 · 174 阅读 · 0 评论 -
大型动态表单实例整合 angular7 3-具体动态模版组件库 动态input、动态日期选择框
总组件首先是动态模版的最外层组件dynamic-form首先来看模版HTML<ng-container *ngFor="let field of config"> <ng-container dynamicField [config]="field" [group]="form" *ngIf="!field.isComponent" [model]="model"> </ng-container> <app-multi-linkage *ngI.原创 2021-01-15 10:50:05 · 321 阅读 · 0 评论 -
大型动态表单实例整合 angular7 2-引入与模版接口定义
接下来,整理一下动态表单的module.ts结构与其接口的模版dynamic-form.module.ts先上代码,再整理解析import { TestFormComponent } from './components/test-form/test-form.component';import { FormCheckboxComponent } from './components/form-checkbox/form-checkbox.component';import { FormDate原创 2021-01-15 10:49:52 · 156 阅读 · 0 评论 -
大型动态表单实例整合 angular7 1-动态指令
大型动态表单:独白:最近突然想要整理一下动态表单的相关知识,但是量太大,分散又不好理解。我想尽量做到详细且结构清晰,容易记忆,所以只能慢慢整理,最后再调整一下结构。限于本人才疏尚浅,对于动态表单的理解也并非无所不能,如果有所偏差,希望可以得到一些建议适用情况:本案例介绍尽量适配于大量无冗杂操作逻辑的表单尽量适用于表单的展示,当然也可以进行修改,但是如果仅是查看那就更加适配了。...原创 2021-01-15 10:49:40 · 314 阅读 · 1 评论