小编mah*_*asi的帖子

我尝试调整 base64 图像的大小但我没有找到答案。我试过画布但没有回答。我不知道为什么......这是代码

const canvas = document.createElement('canvas'),
             ctx = <CanvasRenderingContext2D>canvas.getContext('2d');
        canvas.width = 100;
        canvas.height = 100;
        const img = new Image();
        img.src = this.SelectedFile.src;
        ctx.drawImage(img , 0, 0, 100, 100);
        this.SelectedFile.src = ctx.canvas.toDataURL();

有没有人知道任何其他方式或知道问题是什么？

我有一个包含以下代码的对话框，其中显示了几个mat-card. 该代码完美地配合ngfor并显示了我的期望。但因为卡片数量较多，所以我决定使用cdkScrolling，但是当我添加代码时，它没有显示任何内容，尽管它在代码中渲染了。并且页面几乎显示为空白。\n有人知道问题出在哪里吗？我是否错误地实施了它？

对话框.html：

    <div style="direction: rtl;position: relative" fxLayout="row wrap" fxLayoutAlign="space-around right">\n  <ngx-spinner bdColor="rgba(0, 0, 0, 0.8)" size="medium" color="#fff" type="ball-clip-rotate"\n               [fullScreen]="false"></ngx-spinner>\n  <div fxFlex="100">\n    <mat-card style="text-align: center; font-size: 13px">\n      <mat-card-header style="flex-direction: row; box-sizing: border-box; display: flex;">\n        <img mat-card-avatar #avatarPic [src]="data.selectedPage.profilePicUrl"\n             (error)="avatarPic.src = 'assets/images/default_image-4_3-640x360.png'"\n              >\n        <mat-card-title>\n          {{data.selectedPage.userName}}\n        </mat-card-title>\n        <mat-card-subtitle>\n          {{data.selectedPage.bio}}\n        </mat-card-subtitle>\n        <span style="width: 100%"></span>\n        <button mat-button (click)="close()">\n          <mat-icon>keyboard_backspace</mat-icon>\n        </button>\n      </mat-card-header>\n      <mat-divider style="border-top: 1px solid rgb(103, 102, 102)!important"></mat-divider>\n      <div fxLayout="row wrap" fxLayoutAlign="center center" style="font-size: 16px;margin: 10px">\n …