Skia Fiddle

Options

Width Height

check_box_outline_blank check_box Text Only [Use SkDebugf()]

check_box_outline_blank check_box sRGB

check_box_outline_blank check_box F16

check_box_outline_blank check_box Animation

check_box_outline_blank check_box Offscreen Render Target

Width Height Sample Count

check_box_outline_blank check_box Texturable

check_box_outline_blank check_box MipMap

This global is now defined:

GrBackendRenderTarget backEndRenderTarget;

GrBackendTexture backEndTextureRenderTarget;

Optional source image

check_box_outline_blank check_box MipMap

These globals are now defined:

SkBitmap source;
sk_sp<SkImage> image;
GrBackendTexture backEndTexture; // GPU Only.

Note:

Adding comments with SK_FOLD_START and SK_FOLD_END creates foldable code blocks.
These blocks will be folded by default and are useful for highlighting specific lines of code.
You can also use the keyboard shortcuts Ctrl+S and Ctrl+E in the code editor to set them.

xxxxxxxxxx
 
constexpr SkColor TRANSPARENT_BLACK = SkColorSetARGB(0, 0, 0, 0);
constexpr SkColor TRANSPARENT_WHITE = SkColorSetARGB(0, 255, 255, 255);
constexpr SkColor OPAQUE_BLACK = SkColorSetARGB(255, 0, 0, 0);
​
void draw(SkCanvas* canvas) {
    canvas->clear(TRANSPARENT_BLACK);
    SkPaint p;
    p.setAntiAlias(true);
    p.setStyle(SkPaint::kFill_Style);
    SkColor colors[2] = {TRANSPARENT_WHITE, OPAQUE_BLACK};
    SkScalar positions[2] = {0.f, 1.f};
    SkPoint points[2] = {SkPoint{20.f, 100.f}, SkPoint{180.f, 100.f}};
    const auto shader = SkGradientShader::MakeLinear(points, colors, positions, 2, SkTileMode::kClamp, 0, nullptr);
    p.setShader(shader);
    canvas->drawRect(SkRect{ 20.f, 20.f, 180.f, 180.f }, p);
}