小编Joh*_* w.的帖子

通过浏览器（例如chrome）复制图片有两种方式，复制图片和复制图片地址。

当我复制图像地址并使用“粘贴图像”按钮粘贴它时，我可以获取从 Base64 浏览器复制的图像。但是当我复制图像时，我无法获取图像。有没有办法使用图像 coipar 来获取图像，如示例所示？

演示

代码

  clickPaste() {
    let self = this;
    (navigator as any).clipboard.readText().then(clipboard => self.clip = clipboard);
console.log(self.clip) // copy image adress ---> base64
  }

复制图像地址示例 - 工作

示例复制图像 - 不起作用

我知道复制图像和复制图像的地址是不同的事情，但是当我使用复制图像时，我无法找到如何获取图像（blob 或 base64）。

我有一个包含一组信息的对象，包括颜色。我打算将此颜色实现为具有不透明度的背景颜色和文本颜色（没有不透明度以看起来不同）。

有谁知道如何通过对象/变量的颜色来添加不透明度？

演示

.ts

color: string = "green";
name:string = "ABC";
id: number = 1;

.html

<div style="display: flex; flex-direction: column; width: 60%;">
        <span [style.background-color]="color" [style.color]="color" class="cc">{{name}}</span>
        <span [style.background-color]="color" class="mb" [style.color]="color">{{id}}</span>
    </div>

问题

我希望背景颜色具有不透明度，以便文本可见。我打算实现这一点，而不必创建具有“不同”颜色的变量。

我有一个用来存储一些信息的对象。为了呈现这些数据，我使用了 * ngFor 为每个实例创建一行。

当我单击其中一行时，有没有办法添加边框？边框只能添加到单击的行上，如果单击另一行后，边框从上一行消失并出现在当前行中。

我怎样才能做到这一点？

演示

.html

<div *ngFor="let item of objects; let i = index" style="width: 100%;">
    <div class="d-flex flex-row divs">
        <div>
            <span>{{item.id}}</span>
        </div>
        <div>
            <div>
                <span>{{item.name}}</span>
            </div>
        </div>
        <div style="margin-left:auto">
            <button>click</button>
        </div>
    </div>
</div>