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
 
static sk_sp<SkShader> make_bw_dither() {
    auto surf = SkSurfaces::Raster(SkImageInfo::MakeN32Premul(2, 2));
    surf->getCanvas()->drawColor(SK_ColorWHITE);
    surf->getCanvas()->drawRect({0, 0, 1, 1}, SkPaint());
    surf->getCanvas()->drawRect({1, 1, 2, 2}, SkPaint());
    return surf->makeImageSnapshot()->makeShader(SkTileMode::kRepeat,
                                                 SkTileMode::kRepeat,
                                                 SkSamplingOptions(SkFilterMode::kLinear));
}
​
void draw(SkCanvas* canvas) {
    canvas->drawColor(SK_ColorWHITE);
    SkFont font(fontMgr->matchFamilyStyle(nullptr, {}), 12);
​
    // BW Dither
    canvas->translate(5, 5);
    SkPaint p;
    p.setShader(make_bw_dither());
    canvas->drawRect({0, 0, 100, 100}, p);
    SkPaint black;
    canvas->drawString("BW Dither", 0, 125, font, black);
​
    // Scaled BW Dither
    canvas->translate(105, 0);
    canvas->save();
    canvas->scale(0.5, 0.5);
    canvas->drawRect({0, 0, 200, 200}, p);
    canvas->restore();
    canvas->drawString("Scaled Dither", 0, 125, font, black);
​
    // Blend black on to white
    canvas->translate(105, 0);
    p.setColor(0x80000000);
    p.setShader(nullptr);
    canvas->drawRect({0, 0, 100, 100}, p);
    p.setShader(nullptr);
    canvas->drawString("Blend", 0, 125, font, black);
​
    // Opaque color (0xFFBCBCBC)
    canvas->translate(105, 0);
    p.setColor(0xFFBCBCBC);
    canvas->drawRect({0, 0, 100, 100}, p);
    canvas->drawString("0xFFBCBCBC", 0, 125, font, black);
​
    // Opaque color (0xFF808080)
    canvas->translate(105, 0);
    p.setColor(0xFF808080);
    canvas->drawRect({0, 0, 100, 100}, p);
    canvas->drawString("0xFF808080", 0, 125, font, black);
}