skia.org: Update all fiddles for fiddle 2.0

site/user/api/skcanvas.md

 SkCanvas
 ========
 
 *The drawing context*
 
 <!-- Updated Mar 4, 2011 -->
 
 Preview
 -------
 
@@ skipping 14 matching lines @@
             path.lineTo(R * cos(theta), R * sin(theta));
         }
         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/d7b4ccb6d6281b68a274a72b187fc450">
-<img src="https://fiddle.skia.org/i/d7b4ccb6d6281b68a274a72b187fc450_raster.png"></a>
+<a href='https://fiddle.skia.org/c/@skcanvas_star'><img
+  src='https://fiddle.skia.org/c/@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/6af99894b40ea1331f6a79d55a4cbfd7">
-<img src="https://fiddle.skia.org/i/6af99894b40ea1331f6a79d55a4cbfd7_raster.png"></a>
+<a href='https://fiddle.skia.org/c/@skcanvas_square'><img
+  src='https://fiddle.skia.org/c/@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 51 matching lines @@
         canvas->drawRoundRect(rect, 10, 10, paint);
 
         SkPath path;
         path.cubicTo(768, 0, -512, 256, 256, 256);
         paint.setColor(SK_ColorGREEN);
         canvas->drawPath(path, paint);
 
         canvas->drawBitmap(source, 128, 128, &paint);
 
         SkRect rect2 = SkRect::MakeXYWH(0, 0, 40, 60);
-        canvas->drawBitmapRect(source, rect2);
+        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/35b614d41e60289461d658a9d509e28d">
-<img src="https://fiddle.skia.org/i/35b614d41e60289461d658a9d509e28d_raster.png"></a>
+
+<a href='https://fiddle.skia.org/c/@skcanvas_paint'><img
+  src='https://fiddle.skia.org/c/@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)