徐振升 4 years ago
parent
commit
60951cf970
  1. 4
      src/app/ui/basicinfo/basicinfo.component.html
  2. 8
      src/app/ui/collection-tools/collection-tools.component.html
  3. 9
      src/app/ui/collection-tools/collection-tools.component.scss
  4. 8
      src/app/ui/collection-tools/collection-tools.component.ts
  5. BIN
      src/assets/images/适应缩放.png
  6. BIN
      src/assets/images/重置缩放.png

4
src/app/ui/basicinfo/basicinfo.component.html

@ -217,7 +217,7 @@
<mat-option value="0">1级</mat-option>
<mat-option value="1">2级</mat-option>
<mat-option value="2">3级</mat-option>
<mat-option value="3"></mat-option>
<mat-option value="3"></mat-option>
</mat-select>
</mat-form-field>
<!-- 如果类型是多行文本 -->
@ -307,7 +307,7 @@
<mat-option value="0">1级</mat-option>
<mat-option value="1">2级</mat-option>
<mat-option value="2">3级</mat-option>
<mat-option value="3"></mat-option>
<mat-option value="3"></mat-option>
</mat-select>
</mat-form-field>
<!-- 如果类型是多行文本 -->

8
src/app/ui/collection-tools/collection-tools.component.html

@ -22,6 +22,14 @@
<span class="marginLeftRight">
<mat-checkbox color="primary" [(ngModel)]="isMultiSelect" (change)='changeMultiSelect($event)'></mat-checkbox> 多选
</span>
<span title="适应缩放" class="zoom" (click)="adaptZoom()">
<img src="/assets/images/适应缩放.png" alt="">
适应缩放
</span>
<span title="重置缩放" class="zoom" (click)="resetZoom()">
<img src="/assets/images/重置缩放.png" alt="">
重置缩放
</span>
<span style="position: absolute;right: 60px;cursor: pointer;">
<mat-icon title="查看/编辑模式" (click)="lookpat()" *ngIf="isEditPattern">tv</mat-icon>
<mat-icon title="查看/编辑模式" (click)="editpat()" *ngIf="!isEditPattern">create</mat-icon>

9
src/app/ui/collection-tools/collection-tools.component.scss

@ -25,6 +25,15 @@
align-items:center;
min-height: 40px;
background-color: #fff;
.zoom{
display: flex;
align-items: center;
margin-left: 15px;
cursor: pointer;
img{
margin-right: 3px;
}
}
.nameShow{
cursor: pointer;
user-select: none;

8
src/app/ui/collection-tools/collection-tools.component.ts

@ -137,6 +137,14 @@ export class CollectionToolsComponent implements OnInit {
this.isImgNumCss = false
}
}
//适应缩放
adaptZoom(){
this.canvas.zoomFit()
}
//重置缩放
resetZoom(){
this.canvas.resetCamera2D()
}
//右侧div边框宽度调节
rightDivMouseDown(e){
document.onmousemove = (ev) => {

BIN
src/assets/images/适应缩放.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 268 B

BIN
src/assets/images/重置缩放.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 B

Loading…
Cancel
Save