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
 
void draw(SkCanvas* canvas) {
    SkPaint paint;
    SkPictureRecorder recorder;
    SkCanvas* recordingCanvas = recorder.beginRecording(50, 50);
    for (auto color : { SK_ColorRED, SK_ColorBLUE, 0xff007f00 } ) {
        paint.setColor(color);
        recordingCanvas->drawRect({10, 10, 30, 40}, paint);
        recordingCanvas->translate(10, 10);
        recordingCanvas->scale(1.2f, 1.4f);
    }
    sk_sp<SkPicture> playback = recorder.finishRecordingAsPicture();
    const SkPicture* playbackPtr = playback.get();
    SkMatrix matrix;
    matrix.reset();
    for (auto alpha : { 70, 140, 210 } ) {
    paint.setAlpha(alpha);
    canvas->drawPicture(playbackPtr, &matrix, &paint);
    matrix.preTranslate(70, 70);
    }
}