[新需求]增加从剪切板导入图片和调整图层不透明度的功能

[infchaos]

用来导入多张参考图

[infchaos]

看了下过往的issue，有提到过上传图片文件的功能，不过在在线网页版没找到 从剪切板导入图片可以用下面这段代码

  navigator.clipboard.read().then(async clipboardItems => {
   for (const clipboardItem of clipboardItems) {
    for (const type of clipboardItem.types) {
     if (type.startsWith('image/')) {
      const blob = await clipboardItem.getType(type)
      const image = new Image()
      const url = URL.createObjectURL(blob)
      image.src = url
      document.body.appendChild(image)
      const fileReader = new FileReader()
      fileReader.readAsDataURL(blob)
      fileReader.onload = function () {
       console.log(this.result)
      }
     }
    }
   }
  })
 }

[F-star]

可以，功能点比较小，这周我把她们实现了吧

[F-star]

绘制一个矩形，然后填充里可以选择图片上传

[F-star]

已支持粘贴图片，对应 PR：https://github.com/F-star/suika/pull/197

[F-star]

已支持图形不透明度设置，对应 PR： #198