docs: fix fiddle image links.

site/user/api/skcanvas.md

 SkCanvas
 ========
 
 *The drawing context*
 
 <!-- Updated Mar 4, 2011 -->
 
 Preview
 -------
 
@@ skipping 15 matching lines @@
         }
         path.close();
         SkPaint p;
         p.setAntiAlias(true);
         canvas->clear(SK_ColorWHITE);
         canvas->translate(0.5f * scale, 0.5f * scale);
         canvas->drawPath(path, p);
     }
 
 <a href='https://fiddle.skia.org/c/@skcanvas_star'><img
-  src='https://fiddle.skia.org/c/@skcanvas_star_raster.png'></a>
+  src='https://fiddle.skia.org/i/@skcanvas_star_raster.png'></a>
 
 Details
 -------
 
 SkCanvas is the drawing context for Skia. It knows where to direct the
 drawing (i.e. where the screen of offscreen pixels are), and maintains
 a stack of matrices and clips. Note however, that unlike similar
 contexts in other APIs like postscript, cairo, or awt, Skia does not
 store any other drawing attributes in the context (e.g. color, pen
 size). Rather, these are specified explicitly in each draw call, via a
 SkPaint.
 
 <!--?prettify lang=cc?-->
 
     void draw(SkCanvas* canvas) {
         canvas->save();
         canvas->translate(SkIntToScalar(128), SkIntToScalar(128));
         canvas->rotate(SkIntToScalar(45));
         SkRect rect = SkRect::MakeXYWH(-90.5f, -90.5f, 181.0f, 181.0f);
         SkPaint paint;
         paint.setColor(SK_ColorBLUE);
         canvas->drawRect(rect, paint);
         canvas->restore();
     }
 
 <a href='https://fiddle.skia.org/c/@skcanvas_square'><img
-  src='https://fiddle.skia.org/c/@skcanvas_square_raster.png'></a>
+  src='https://fiddle.skia.org/i/@skcanvas_square_raster.png'></a>
 
 The code above will draw a rectangle rotated by 45 degrees. Exactly
 what color and style the rect will be drawn in is described by the
 paint, not the canvas.
 
 Check out more detailed info on [creating a SkCanvas object](canvas).
 
 To begin with, we might want to erase the entire canvas. We can do
 this by drawing an enormous rectangle, but there are easier ways to do
 it.
@@ skipping 60 matching lines @@
         SkRect rect2 = SkRect::MakeXYWH(0, 0, 40, 60);
         canvas->drawBitmapRect(source, rect2, &paint);
 
         SkPaint paint2;
         const char text[] = "Hello, Skia!";
         canvas->drawText(text, strlen(text), 50, 25, paint2);
     }
 
 
 <a href='https://fiddle.skia.org/c/@skcanvas_paint'><img
-  src='https://fiddle.skia.org/c/@skcanvas_paint_raster.png'></a>
+  src='https://fiddle.skia.org/i/@skcanvas_paint_raster.png'></a>
 
 In some of the calls, we pass a pointer, rather than a reference, to
 the paint. In those instances, the paint parameter may be null. In all
 other cases the paint parameter is required.
 
 Next: [SkPaint](/user/api/skpaint)