Stream to ByteArray - 将签名板转换为图像

Question

我正在为 Xamarin 表单使用签名板，并且我正在尝试将签名设置为图像源。

我正在尝试将流转换为 ByteArray，但转换后的 bytearray 始终为空。

在函数 ReadFully 中我尝试了两种方法，但都返回 0 字节

你能建议我哪里出错了。

我在网上查到了这些链接

https://forums.xamarin.com/discussion/19853/load-image-form-byte-array

XAML

    <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Radical.Views.DocketSignaturePad"
             xmlns:acr="clr-namespace:Acr.XamForms.SignaturePad;assembly=Acr.XamForms.SignaturePad"
             Title="DocketSignaturePad">
  <ScrollView>
    <StackLayout Padding="10">
            <acr:SignaturePadView
                x:Name="padView"
                HeightRequest="320"
                WidthRequest="240"

                BackgroundColor="White"
                CaptionText="Caption This"
                CaptionTextColor="Black"
                ClearText="Clear Me!"
                ClearTextColor="Red"
                PromptText="Prompt Here"
                PromptTextColor="Red"
                SignatureLineColor="Aqua"
                StrokeColor="Black"
                StrokeWidth="2"
            />

            <Button Clicked="OnChangeTheme" Text="Change Theme" />
            <Button Clicked="SaveSignature" Text="Save signature"/>
            <Image x:Name="signatureImage" WidthRequest="300" HeightRequest="100" BackgroundColor="Blue"/>
        </StackLayout>
  </ScrollView>
</ContentPage>

Xaml.cs

    async void SaveSignature(object sender, EventArgs e)
        {

            List<DrawPoint> signaturePoints = padView.GetDrawPoints().ToList();

            if (signaturePoints.Count > 0)
            {
                Stream imageAsBytes = new MemoryStream(ReadFully(padView.GetImage(ImageFormatType.Jpg)));
                signatureImage.Source = ImageSource.FromStream(() => new MemoryStream(ReadFully(padView.GetImage(ImageFormatType.Jpg))));
}
}

public static byte[] ReadFully(Stream input)
        {
            using (MemoryStream ms = new MemoryStream())
            {
                input.CopyTo(ms);
                return ms.ToArray();
            }


            //byte[] buffer = new byte[16 * 1024];
            //using (MemoryStream ms = new MemoryStream())
            //{
            //    int read;
            //    while ((read = input.Read(buffer, 0, buffer.Length)) > 0)
            //    {
            //        ms.Write(buffer, 0, read);
            //    }
            //    return ms.ToArray();
            //}


        }

Answer 1

您可以使用此代码，它对我有用：

Stream image = await sign.GetImageStreamAsync(SignatureImageFormat.Png);                   
img_signature.Source = ImageSource.FromStream(() => image);

Answer 2

我可能可以使用转换来修复您的代码，但根据我的口味，您不需要的转换太多。问题是在你得到一个流之后它指向它的结尾。以下是满足您需要的更佳方式：

void SaveSignature(object sender, EventArgs e)
{
            List<DrawPoint> signaturePoints = padView.GetDrawPoints().ToList();
            if (signaturePoints.Count > 0)
            {
                Stream s = padView.GetImage(ImageFormatType.Png);
                //s.Position = 0; or
                s.Seek(0,SeekOrigin.Begin);
                signatureImage.Source = ImageSource.FromStream(() => { return s; });
            }
}

注意，它不能很好地使用 JPG，因为你不能使它成为透明背景，所以它只显示黑色矩形。它适用于 PNG。如果 pad 与您的图像大小不同，您可能会查看缩放图像

还有一件事：我会尽量避免将 stacklayout 放入滚动视图中。在小型设备上，它尝试移动屏幕而不是编写签名。

我会看看来自 Xamarin 的更现代的控制