0

オフスクリーン に描画していCanvasRenderTargetます。次に、それを に描画しますCanvasAnimatedControl。

コピーされたビットマップは「ぼやけています」。1 行目はオフスクリーン ビットマップで、2 行目は のセッションに直接描画していCanvasAnimatedControlます。

ぼやけた

それほど顕著ではありませんが、スケーリングが適用されるとより顕著になります。

ここに画像の説明を入力

コードは次のとおりです。

public sealed partial class MainPage
{
    const string Text = "WHY AM I BLURRY!? MMmm///AaBbCcDdEeFf!!££$$%%ZZAA";

    Matrix3x2 _scale = Matrix3x2.CreateScale(3,3);
    
    CanvasRenderTarget _offscreenCanvas;

    readonly CanvasTextFormat _ctf = new CanvasTextFormat
    {
        FontFamily = "Century Gothic",
        FontSize = 20
    };


    public MainPage() => InitializeComponent();

    void onCanvasDraw(ICanvasAnimatedControl sender, CanvasAnimatedDrawEventArgs args)
    {
        args.DrawingSession.Transform = _scale;

        args.DrawingSession.Clear(Colors.Aquamarine);

        using (var offscreenSession = _offscreenCanvas.CreateDrawingSession())
        {
            offscreenSession.Clear(Colors.Aquamarine);

            offscreenSession.DrawText(Text, 0, 0, Colors.Red, _ctf);
            offscreenSession.DrawLine(new Vector2(0,0), new Vector2(100,10), Colors.Black);
        }

        //args.DrawingSession.DrawImage(_offscreenCanvas, Vector2.Zero, _offscreenCanvas.Bounds, 1f, CanvasImageInterpolation.Linear);
        args.DrawingSession.DrawImage(_offscreenCanvas,0,0);

        args.DrawingSession.DrawText(Text, 0, 20, Colors.Red, _ctf);
        args.DrawingSession.DrawLine(new Vector2(0, 20), new Vector2(100, 30), Colors.Black);

    }

    void onCanvasCreateResources(CanvasAnimatedControl sender, CanvasCreateResourcesEventArgs args) => 
        _offscreenCanvas = new CanvasRenderTarget(sender.Device, 800, 20, 96);
}

XAML は次のとおりです。

<Grid Background="Black">
    <xaml:CanvasAnimatedControl Draw="onCanvasDraw" CreateResources="onCanvasCreateResources" BorderThickness="5" BorderBrush="Blue"/>
</Grid>

何がうまくいかないのですか？

更新 私はそれを理解しましたが、これは参考になる質問だと思いました

4

1 に答える 1

1

この質問を書きながら答えを見つけ、それについてブログに書きました。

基本的に、私の問題は、オフスクリーン セッションではなく、メインの描画セッションのみをスケーリングしていたことです。新しいコードは次のとおりです。

    void onCanvasDraw(ICanvasAnimatedControl sender, CanvasAnimatedDrawEventArgs args)
    {
        args.DrawingSession.Clear(Colors.Aquamarine);

        using (var offscreenSession = _offscreenCanvas.CreateDrawingSession())
        {
            offscreenSession.Transform = _scale;

            offscreenSession.Clear(Colors.Aquamarine);

            offscreenSession.DrawText(Text, 0, 0, Colors.Red, _ctf);
            offscreenSession.DrawLine(new Vector2(0,0), new Vector2(100,10), Colors.Black);
        }

        args.DrawingSession.DrawImage(_offscreenCanvas, 0,0);

        args.DrawingSession.Transform = _scale;

        args.DrawingSession.DrawText(Text, 0, 20, Colors.Red, _ctf);
        args.DrawingSession.DrawLine(new Vector2(0, 20), new Vector2(100, 30), Colors.Black);

}

生成するもの:

ここに画像の説明を入力

于 2018-01-11T13:01:02.480 に答える