Question

请帮助，我正在制作使用相机拍摄的照片的缩略图，并将其编码为base64。

使用Javascript：

  class Entry {

  get thumbnail() {
        return (this._thumbnail || null);
  }

  set thumbnail(value) {
        let scaledImage = false;
        if (value) {
            if (value.android) {
                const aspectSafeSize = common.getAspectSafeDimensions(value.width, value.height, config.thumbWidth, config.thumbHeight);
                scaledImage = android.graphics.Bitmap.createScaledBitmap(value.android, aspectSafeSize.width, aspectSafeSize.height, true);
            }
            if (value.ios) {
                const cgSize = CGSizeMake(config.thumbWidth, config.thumbHeight);
                UIGraphicsBeginImageContextWithOptions(cgSize, false, 0.0);
                value.ios.drawInRect(CGRectMake(0, 0, config.thumbWidth, config.thumbHeight));
                scaledImage = UIGraphicsGetImageFromCurrentImageContext();
                UIGraphicsEndImageContext();
            }
        }
        if (scaledImage) {
            const scaledImageSource = new ImageSourceModule.ImageSource();
            scaledImageSource.setNativeSource(scaledImage);
            const t = 'data:image/png;base64,' + scaledImageSource.toBase64String('png',100);
            this._thumbnail = t;
        }
    }
}

在XML中：

<Image top="0" left="0" src="{{ thumbnail }}" stretch="aspectFill" visibility="{{ thumbnail ? 'visible' : 'collapsed' }}"/>

但仅显示黑色空间：screenshot。此外，如果编码数据得到并尝试解码它们，我们得到一个正常的图片

Answer 1

如果您为任何父元素设置了CSS属性颜色： NativeScript 2.3.0中的this is documented bug，计划在下一版本（2.4.0）中进行修复。如果您想在此时使用下一个版本，可以执行以下步骤：

tns plugin remove tns-core-modules
tns plugin add tns-core-modules@next

现在您将拥有已应用此修复程序的最新模块。

Nativescript：黑色空间而不是照片缩略图

1 个答案: