Skip to content

SKP screenshot doesn't capture blur #35899

Closed

Description

@liyuqian

Take an SKP screenshot of the following app and load it with https://debugger.skia.org

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Scaffold(
        body: Center(
          child: Container(
            width: 200.0,
            height: 200.0,
            decoration: BoxDecoration(
              boxShadow: [
                BoxShadow(color: Color(0xCCDADCE0), blurRadius: 20.0)
              ],
              borderRadius: BorderRadius.circular(20.0),
            ),
          ),
        ),
      ),
    );
  }
}

Here's the PNG screenshot:
flutter_24

And here's the SKP screenshot:
flutter_28.skp.zip

The SKP would be drawn by debugger.skia.org (or viewer) to the following image:
flutter_28 skp-13-debug-gpu

Activity

  1. added
    toolAffects the "flutter" command-line tool. See also t: labels.
    engineflutter/engine related. See also e: labels.
    on Jul 10, 2019
  2. changed the title [-]SKP screenshot doesn't have capture blur[/-] [+]SKP screenshot doesn't have captured blur[/+] on Jul 26, 2019
  3. changed the title [-]SKP screenshot doesn't have captured blur[/-] [+]SKP screenshot doesn't capture blur[/+] on Jul 31, 2019
  4. removed
    toolAffects the "flutter" command-line tool. See also t: labels.
    on Jan 23, 2020
  5. mehmetf commented on Jul 2, 2020

    @mehmetf
    Contributor

    This hit a Google client as well. See yaqs/6250854450069504

  6. added
    P2Important issues not at the top of the work list
    on Dec 4, 2020
  7. TahaTesser commented on Dec 8, 2020

    @TahaTesser
    Contributor

    Just tried to reproduce this on the latest master generated new skp file, SKP screenshots captures blur
    flutter screenshot --type=skia --observatory-uri=http://127.0.0.1:49991/dNUcj7JoYF0=/

    image

    code sample
    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      // This widget is the root of your application.
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          home: Scaffold(
            body: Center(
              child: Container(
                width: 200.0,
                height: 200.0,
                decoration: BoxDecoration(
                  boxShadow: [
                    BoxShadow(color: Color(0xCCDADCE0), blurRadius: 20.0)
                  ],
                  borderRadius: BorderRadius.circular(20.0),
                ),
              ),
            ),
          ),
        );
      }
    }
    

    skip_screenshot.zip

    flutter doctor -v
    [✓] Flutter (Channel master, 1.25.0-5.0.pre.108, on Microsoft Windows [Version 10.0.19042.630], locale en-US)
        • Flutter version 1.25.0-5.0.pre.108 at C:\Code\flutter_master
        • Framework revision 995aa138cd (7 hours ago), 2020-12-08 09:18:02 +0530
        • Engine revision b0d31ae166
        • Dart version 2.12.0 (build 2.12.0-125.0.dev)
    
    [✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
        • Android SDK at C:\Code\sdk
        • Platform android-30, build-tools 30.0.2
        • ANDROID_HOME = C:\Code\sdk
        • Java binary at: C:\Code\android-studio\jre\bin\java
        • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
        • All Android licenses accepted.
    
    [✓] Chrome - develop for the web
        • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
    
    [✓] Visual Studio - develop for Windows (Visual Studio Community 2019 16.8.2)
        • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
        • Visual Studio Community 2019 version 16.8.30717.126
        • Windows 10 SDK version 10.0.18362.0
    
    [✓] Android Studio (version 4.1.0)
        • Android Studio at C:\Code\android-studio
        • Flutter plugin can be installed from:
          🔨 https://plugins.jetbrains.com/plugin/9212-flutter
        • Dart plugin can be installed from:
          🔨 https://plugins.jetbrains.com/plugin/6351-dart
        • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    
    [✓] IntelliJ IDEA Community Edition (version 2020.3)
        • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2020.2.4
        • Flutter plugin version 52.0.5
        • Dart plugin version 203.5981.152
    
    [✓] VS Code (version 1.51.1)
        • VS Code at C:\Users\Taha\AppData\Local\Programs\Microsoft VS Code
        • Flutter extension version 3.17.0
    
    [✓] Connected device (4 available)
        • sdk gphone x86 (mobile) • emulator-5554 • android-x86    • Android 11 (API 30) (emulator)
        • Windows (desktop)       • windows       • windows-x64    • Microsoft Windows [Version 10.0.19042.630]
        • Chrome (web)            • chrome        • web-javascript • Google Chrome 87.0.4280.88
        • Edge (web)              • edge          • web-javascript • Microsoft Edge 87.0.664.52
    
    • No issues found!

    @mehmetf
    Is that still the case for internal ticket?
    If not, we can probably close this
    Thanks

  8. mehmetf commented on Dec 8, 2020

    @mehmetf
    Contributor

    Sure, you can close it.

  9. TahaTesser commented on Dec 9, 2020

    @TahaTesser
    Contributor

    Given your last message I feel safe to close this issue, if you disagree please write in the comments and I will reopen it.
    Thank you

  10. github-actions commented on Aug 9, 2021

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  11. locked as resolved and limited conversation to collaborators on Aug 9, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work listdependency: skiaSkia team may need to help usengineflutter/engine related. See also e: labels.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions