AuroraMiddleware/skia2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

skia.org: Update all fiddles for fiddle 2.0.

Browse Source 
The images won't show up in the preview, which won't happen until I switch over to fiddle 2.0 in production later today.

BUG=skia:
GOLD_TRYBOT_URL= https://gold.skia.org/search2?unt=true&query=source_type%3Dgm&master=false&issue=1910593005
NOTRY=true
DOCS_PREVIEW= https://skia.org/?cl=1910593005

Review URL: https://codereview.chromium.org/1910593005
This commit is contained in:
jcgregorio 2016-04-22 11:25:43 -07:00 committed by Commit bot
parent 7715e06b68
commit 1c2a2fe3c8
4 changed files with 214 additions and 261 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
site/index.md
View File

@ -19,39 +19,39 @@ Click on any image below to see the source code that generated the image.
<tr><th>Shapes</th><th>Bézier Curves</th></tr> <tr><th>Shapes</th><th>Bézier Curves</th></tr>
<tr> <tr>
<td> <td>
<a href="https://fiddle.skia.org/c/95552fd2a4b8acacc05a63825cca854e"><img src="https://fiddle.skia.org/i/95552fd2a4b8acacc05a63825cca854e_raster.png"></a> <a href='https://fiddle.skia.org/c/@shapes'><img src='https://fiddle.skia.org/c/@shapes_raster.png'></a>
</td> </td>
<td> <td>
<a href="https://fiddle.skia.org/c/79928f82141e6f76ae1ea30c41d80a17"><img src="https://fiddle.skia.org/i/79928f82141e6f76ae1ea30c41d80a17_raster.png"></a> <a href='https://fiddle.skia.org/c/@bezier_curves'><img src='https://fiddle.skia.org/c/@bezier_curves_raster.png'></a>
</td> </td>
</tr> </tr>
<tr><th>Translations and Rotations</th><th>Text Rendering</th></tr> <tr><th>Translations and Rotations</th><th>Text Rendering</th></tr>
<tr> <tr>
<td> <td>
<a href="https://fiddle.skia.org/c/c6ba5c36dc535655a66c05f3149a54c3"><img src="https://fiddle.skia.org/i/c6ba5c36dc535655a66c05f3149a54c3_raster.png"></a> <a href='https://fiddle.skia.org/c/@rotations'><img src='https://fiddle.skia.org/c/@rotations_raster.png'></a>
</td> </td>
<td> <td>
<a href="https://fiddle.skia.org/c/ec367821b22171bdc66f36a2e73ee92b"><img src="https://fiddle.skia.org/i/ec367821b22171bdc66f36a2e73ee92b_raster.png"></a> <a href='https://fiddle.skia.org/c/@text_rendering'><img src='https://fiddle.skia.org/c/@text_rendering_raster.png'></a>
</td> </td>
</tr> </tr>
<tr><th>Discrete Path Effects</th><th>Composed Path Effects</th></tr> <tr><th>Discrete Path Effects</th><th>Composed Path Effects</th></tr>
<tr> <tr>
<td> <td>
<a href="https://fiddle.skia.org/c/297da5f57b71c91b5a3bab4db9673cc4"><img src="https://fiddle.skia.org/i/297da5f57b71c91b5a3bab4db9673cc4_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@discrete_path'><img src='https://fiddle.skia.org/c/@discrete_path_raster.png'></a>
</td> </td>
<td> <td>
<a href="https://fiddle.skia.org/c/df5928f1f3173878e5f647a2dbb2d250"><img src="https://fiddle.skia.org/i/df5928f1f3173878e5f647a2dbb2d250_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@compose_path'><img src='https://fiddle.skia.org/c/@compose_path_raster.png'></a>
</td> </td>
</tr> </tr>
<tr><th>Sum Path Effects</th><th>Shaders</th></tr> <tr><th>Sum Path Effects</th><th>Shaders</th></tr>
<tr> <tr>
<td> <td>
<a href="https://fiddle.skia.org/c/2cc23c611102ba01616c775ebc4308d6"><img src="https://fiddle.skia.org/i/2cc23c611102ba01616c775ebc4308d6_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@sum_path_effect'><img src='https://fiddle.skia.org/c/@sum_path_effect_raster.png'></a>
</td> </td>
<td> <td>
<a href="https://fiddle.skia.org/c/0261e010db41116bc1e1c045900e0dc3"> <img src="https://fiddle.skia.org/i/0261e010db41116bc1e1c045900e0dc3_raster.png"></a> <a href='https://fiddle.skia.org/c/@shader'><img src='https://fiddle.skia.org/c/@shader_raster.png'></a>
</td> </td>
</tr> </tr>
</table> </table>

15
site/user/api/skcanvas.md
View File

@ -32,8 +32,8 @@ heptagram. This function can be cut and pasted into
canvas->drawPath(path, p); canvas->drawPath(path, p);
} }
<a href="https://fiddle.skia.org/c/d7b4ccb6d6281b68a274a72b187fc450"> <a href='https://fiddle.skia.org/c/@skcanvas_star'><img
<img src="https://fiddle.skia.org/i/d7b4ccb6d6281b68a274a72b187fc450_raster.png"></a> src='https://fiddle.skia.org/c/@skcanvas_star_raster.png'></a>
Details Details
------- -------
@ -59,8 +59,8 @@ SkPaint.
canvas->restore(); canvas->restore();
} }
<a href="https://fiddle.skia.org/c/6af99894b40ea1331f6a79d55a4cbfd7"> <a href='https://fiddle.skia.org/c/@skcanvas_square'><img
<img src="https://fiddle.skia.org/i/6af99894b40ea1331f6a79d55a4cbfd7_raster.png"></a> src='https://fiddle.skia.org/c/@skcanvas_square_raster.png'></a>
The code above will draw a rectangle rotated by 45 degrees. Exactly 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 what color and style the rect will be drawn in is described by the
@ -132,15 +132,16 @@ parameter.
canvas->drawBitmap(source, 128, 128, &paint); canvas->drawBitmap(source, 128, 128, &paint);
SkRect rect2 = SkRect::MakeXYWH(0, 0, 40, 60); SkRect rect2 = SkRect::MakeXYWH(0, 0, 40, 60);
canvas->drawBitmapRect(source, rect2); canvas->drawBitmapRect(source, rect2, &paint);
SkPaint paint2; SkPaint paint2;
const char text[] = "Hello, Skia!"; const char text[] = "Hello, Skia!";
canvas->drawText(text, strlen(text), 50, 25, paint2); 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 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 the paint. In those instances, the paint parameter may be null. In all

265
site/user/api/skpaint.md
View File

@ -18,7 +18,7 @@ Unlike `SkCanvas`, paints do not maintain an internal stack of state
(i.e. there is no save/restore on a paint). However, paints are (i.e. there is no save/restore on a paint). However, paints are
relatively light-weight, so the client may create and maintain any relatively light-weight, so the client may create and maintain any
number of paint objects, each set up for a particular use. Factoring number of paint objects, each set up for a particular use. Factoring
all of these color and stylistic attribute out of the canvas state, all of these color and stylistic attributes out of the canvas state,
and into (multiple) paint objects, allows canvas' save/restore to be and into (multiple) paint objects, allows canvas' save/restore to be
that much more efficient, as all they have to do is maintain the stack that much more efficient, as all they have to do is maintain the stack
of matrix and clip settings. of matrix and clip settings.
@ -52,8 +52,8 @@ of matrix and clip settings.
canvas->drawText(text, strlen(text), 20.0f, 224.0f, paint3); canvas->drawText(text, strlen(text), 20.0f, 224.0f, paint3);
} }
<a href="https://fiddle.skia.org/c/c4cfc71ed9232dac9c0d6518311b386e"> <a href='https://fiddle.skia.org/c/@skpaint_skia'><img
<img src="https://fiddle.skia.org/i/c4cfc71ed9232dac9c0d6518311b386e_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_skia_raster.png'></a>
This shows three different paints, each set up to draw in a different This shows three different paints, each set up to draw in a different
style. Now the caller can intermix these paints freely, either using style. Now the caller can intermix these paints freely, either using
@ -78,8 +78,8 @@ them as is, or modifying them as the drawing proceeds.
paint3.setColor(SK_ColorBLUE); paint3.setColor(SK_ColorBLUE);
canvas->drawText("SKIA", 4, 20, 220, paint3); canvas->drawText("SKIA", 4, 20, 220, paint3);
<a href="https://fiddle.skia.org/c/5203b17103f487dd33965b4211d80956"> <a href='https://fiddle.skia.org/c/@skpaint_mix'><img
<img src="https://fiddle.skia.org/i/5203b17103f487dd33965b4211d80956_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_mix_raster.png'></a>
Beyond simple attributes such as color, strokes, and text values, Beyond simple attributes such as color, strokes, and text values,
paints support effects. These are subclasses of different aspects of paints support effects. These are subclasses of different aspects of
@ -92,25 +92,24 @@ assign a SkShader to the paint.
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) {
SkPoint points[2] = { SkPoint points[2] = {
SkPoint::Make(0.0f, 0.0f), SkPoint::Make(0.0f, 0.0f),
SkPoint::Make(256.0f, 256.0f) SkPoint::Make(256.0f, 256.0f)
}; };
SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW}; SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW};
SkShader* shader =
SkGradientShader::CreateLinear(
points, colors, nullptr, 2,
SkShader::kClamp_TileMode, 0, nullptr);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(SkGradientShader::MakeLinear(
shader->unref(); points, colors, nullptr, 2,
SkShader::kClamp_TileMode, 0, nullptr));
canvas->drawPaint(paint); canvas->drawPaint(paint);
}
<a href="https://fiddle.skia.org/c/f91b5310d57744a5a1475b7e47d4a172"> <a href='https://fiddle.skia.org/c/@skpaint_shader'><img
<img src="https://fiddle.skia.org/i/f91b5310d57744a5a1475b7e47d4a172_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_shader_raster.png'></a>
Now, anything drawn with that paint will be drawn with the gradient Now, anything drawn with that paint will be drawn with the gradient
specified in the call to `CreateLinear()`. The shader object that is specified in the call to `MakeLinear()`. The shader object that is
returned is reference-counted. Whenever any effects object, like a returned is reference-counted. Whenever any effects object, like a
shader, is assigned to a paint, its reference-count is increased by shader, is assigned to a paint, its reference-count is increased by
the paint. To balance this, the caller in the above example calls the paint. To balance this, the caller in the above example calls
@ -156,6 +155,7 @@ with a vertical alpha gradient.
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) {
SkXfermode::Mode modes[] = { SkXfermode::Mode modes[] = {
SkXfermode::kClear_Mode, SkXfermode::kClear_Mode,
SkXfermode::kSrc_Mode, SkXfermode::kSrc_Mode,
@ -199,11 +199,9 @@ with a vertical alpha gradient.
SkColor srcColors[2] = { SkColor srcColors[2] = {
SK_ColorMAGENTA & 0x00FFFFFF, SK_ColorMAGENTA & 0x00FFFFFF,
SK_ColorMAGENTA}; SK_ColorMAGENTA};
SkAutoTUnref<SkShader> srcShader( src.setShader(SkGradientShader::MakeLinear(
SkGradientShader::CreateLinear(
srcPoints, srcColors, nullptr, 2, srcPoints, srcColors, nullptr, 2,
SkShader::kClamp_TileMode, 0, nullptr)); SkShader::kClamp_TileMode, 0, nullptr));
src.setShader(srcShader);
SkPoint dstPoints[2] = { SkPoint dstPoints[2] = {
SkPoint::Make(0.0f, 0.0f), SkPoint::Make(0.0f, 0.0f),
@ -212,11 +210,9 @@ with a vertical alpha gradient.
SkColor dstColors[2] = { SkColor dstColors[2] = {
SK_ColorCYAN & 0x00FFFFFF, SK_ColorCYAN & 0x00FFFFFF,
SK_ColorCYAN}; SK_ColorCYAN};
SkAutoTUnref<SkShader> dstShader( dst.setShader(SkGradientShader::MakeLinear(
SkGradientShader::CreateLinear(
dstPoints, dstColors, nullptr, 2, dstPoints, dstColors, nullptr, 2,
SkShader::kClamp_TileMode, 0, nullptr)); SkShader::kClamp_TileMode, 0, nullptr));
dst.setShader(dstShader);
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
size_t N = sizeof(modes) / sizeof(modes[0]); size_t N = sizeof(modes) / sizeof(modes[0]);
size_t K = (N - 1) / 3 + 1; size_t K = (N - 1) / 3 + 1;
@ -235,8 +231,10 @@ with a vertical alpha gradient.
canvas->drawPaint(src); canvas->drawPaint(src);
canvas->drawRect(rect, stroke); canvas->drawRect(rect, stroke);
} }
}
<a href="https://fiddle.skia.org/c/0a2392be5adf339ce6537799f2807f3c"><img src="https://fiddle.skia.org/i/0a2392be5adf339ce6537799f2807f3c_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_xfer'><img
src='https://fiddle.skia.org/c/@skpaint_xfer_raster.png'></a>
<span id="ShShader"></span> <span id="ShShader"></span>
@ -253,54 +251,44 @@ Several shaders are defined (besides the linear gradient already mentioned):
SkMatrix matrix; SkMatrix matrix;
matrix.setScale(0.75f, 0.75f); matrix.setScale(0.75f, 0.75f);
matrix.preRotate(30.0f); matrix.preRotate(30.0f);
SkShader* shader =
SkShader::CreateBitmapShader(
source,
SkShader::kRepeat_TileMode ,
SkShader::kRepeat_TileMode ,
&matrix);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(SkShader::MakeBitmapShader(source,
shader->unref(); SkShader::kRepeat_TileMode,
SkShader::kRepeat_TileMode,
&matrix));
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/0e8d08e0a0b342e9e45c364d0e5cea8a"> <a href='https://fiddle.skia.org/c/@skpaint_bitmap_shader'><img
<img src="https://fiddle.skia.org/i/0e8d08e0a0b342e9e45c364d0e5cea8a_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_bitmap_shader_raster.png'></a>
* Radial Gradient Shader * Radial Gradient Shader
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW}; SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW};
SkShader* shader =
SkGradientShader::CreateRadial(
SkPoint::Make(128.0f, 128.0f), 180.0f,
colors, nullptr, 2, SkShader::kClamp_TileMode, 0, nullptr);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(SkGradientShader::MakeRadial(
shader->unref(); SkPoint::Make(128.0f, 128.0f), 180.0f,
colors, nullptr, 2, SkShader::kClamp_TileMode, 0, nullptr));
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/601abd2819e38365900bf62286986024"> <a href='https://fiddle.skia.org/c/@skpaint_radial'><img
<img src="https://fiddle.skia.org/i/601abd2819e38365900bf62286986024_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_radial_raster.png'></a>
* Two-Point Conical Gradient Shader * Two-Point Conical Gradient Shader
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW}; SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW};
SkShader* shader = SkPaint paint;
SkGradientShader::CreateTwoPointConical( paint.setShader(SkGradientShader::MakeTwoPointConical(
SkPoint::Make(128.0f, 128.0f), 128.0f, SkPoint::Make(128.0f, 128.0f), 128.0f,
SkPoint::Make(128.0f, 16.0f), 16.0f, SkPoint::Make(128.0f, 16.0f), 16.0f,
colors, nullptr, 2, SkShader::kClamp_TileMode, 0, nullptr); colors, nullptr, 2, SkShader::kClamp_TileMode, 0, nullptr));
SkPaint paint;
paint.setShader(shader);
shader->unref();
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/991f7d67ff1ccebd6c2c4fab18a76edc"> <a href='https://fiddle.skia.org/c/@skpaint_2pt'><img
<img src="https://fiddle.skia.org/i/991f7d67ff1ccebd6c2c4fab18a76edc_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_2pt_raster.png'></a>
* Sweep Gradient Shader * Sweep Gradient Shader
@ -309,69 +297,58 @@ Several shaders are defined (besides the linear gradient already mentioned):
SkColor colors[4] = { SkColor colors[4] = {
SK_ColorCYAN, SK_ColorMAGENTA, SK_ColorYELLOW, SK_ColorCYAN}; SK_ColorCYAN, SK_ColorMAGENTA, SK_ColorYELLOW, SK_ColorCYAN};
SkShader* shader =
SkGradientShader::CreateSweep(
128.0f, 128.0f, colors, nullptr, 4, 0, nullptr);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(SkGradientShader::MakeSweep(
shader->unref(); 128.0f, 128.0f, colors, nullptr, 4, 0, nullptr));
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/cee9d1831f6679c3d88170f857995d12"> <a href='https://fiddle.skia.org/c/@skpaint_sweep'><img
<img src="https://fiddle.skia.org/i/cee9d1831f6679c3d88170f857995d12_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_sweep_raster.png'></a>
* Fractal Perlin Noise Shader * Fractal Perlin Noise Shader
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
SkShader* shader = SkPerlinNoiseShader::CreateFractalNoise(
0.05f, 0.05f, 4, 0.0f, nullptr);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(SkPerlinNoiseShader::MakeFractalNoise(
shader->unref(); 0.05f, 0.05f, 4, 0.0f, nullptr));
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/cc45c5349c3b31f97da7c1af7f84162a"> <a href='https://fiddle.skia.org/c/@skpaint_perlin'><img
<img src="https://fiddle.skia.org/i/cc45c5349c3b31f97da7c1af7f84162a_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_perlin_raster.png'></a>
* Turbulence Perlin Noise Shader * Turbulence Perlin Noise Shader
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
SkShader* shader = SkPerlinNoiseShader::CreateTurbulence(
0.05f, 0.05f, 4, 0.0f, nullptr);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(SkPerlinNoiseShader::MakeTurbulence(
shader->unref(); 0.05f, 0.05f, 4, 0.0f, nullptr));
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/52729ed3a71b89a6dba4f60e8eb67727"> <a href='https://fiddle.skia.org/c/@skpaint_turb'><img
<img src="https://fiddle.skia.org/i/52729ed3a71b89a6dba4f60e8eb67727_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_turb_raster.png'></a>
* Compose Shader * Compose Shader
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW}; SkColor colors[2] = {SK_ColorBLUE, SK_ColorYELLOW};
SkShader* shader1 =
SkGradientShader::CreateRadial(
SkPoint::Make(128.0f, 128.0f), 180.0f,
colors, nullptr, 2, SkShader::kClamp_TileMode, 0, nullptr);
SkShader* shader2 = SkPerlinNoiseShader::CreateTurbulence(
0.025f, 0.025f, 2, 0.0f, nullptr);
SkShader* shader =
new SkComposeShader(shader1, shader2);
SkPaint paint; SkPaint paint;
paint.setShader(shader); paint.setShader(
shader->unref(); SkShader::MakeComposeShader(
shader2->unref(); SkGradientShader::MakeRadial(
shader1->unref(); SkPoint::Make(128.0f, 128.0f), 180.0f,
colors, nullptr, 2, SkShader::kClamp_TileMode, 0, nullptr),
SkPerlinNoiseShader::MakeTurbulence(0.025f, 0.025f, 2, 0.0f, nullptr),
SkXfermode::kDifference_Mode)
);
canvas->drawPaint(paint); canvas->drawPaint(paint);
<a href="https://fiddle.skia.org/c/1209b7a29d870302edcc43dc0916e8d5"> <a href='https://fiddle.skia.org/c/@skpaint_compose_shader'><img
<img src="https://fiddle.skia.org/i/1209b7a29d870302edcc43dc0916e8d5_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_compose_shader_raster.png'></a>
<span id="SkMaskFilter"></span> <span id="SkMaskFilter"></span>
@ -383,20 +360,18 @@ SkMaskFilter
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
canvas->drawText(text, strlen(text), 0, 160, paint);
canvas->drawColor(SK_ColorWHITE); canvas->drawColor(SK_ColorWHITE);
SkPaint paint; SkPaint paint;
paint.setAntiAlias(true); paint.setAntiAlias(true);
paint.setTextSize(120); paint.setTextSize(120);
SkMaskFilter* filter = paint.setMaskFilter(SkBlurMaskFilter::Make(
SkBlurMaskFilter::Create( kNormal_SkBlurStyle, 5.0f, 0));
kNormal_SkBlurStyle, 5.0f, 0);
paint.setMaskFilter(filter);
filter->unref();
const char text[] = "Skia"; const char text[] = "Skia";
canvas->drawText(text, strlen(text), 0, 160, paint); canvas->drawText(text, strlen(text), 0, 160, paint);
<a href="https://fiddle.skia.org/c/0e004664122851691d67a291007b64d7"> <a href='https://fiddle.skia.org/c/@skpaint_blur_mask_filter'><img
<img src="https://fiddle.skia.org/i/0e004664122851691d67a291007b64d7_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_blur_mask_filter_raster.png'></a>
* Emboss Mask Filter * Emboss Mask Filter
@ -407,16 +382,13 @@ SkMaskFilter
paint.setAntiAlias(true); paint.setAntiAlias(true);
paint.setTextSize(120); paint.setTextSize(120);
SkScalar direction[3] = {1.0f, 1.0f, 1.0f}; SkScalar direction[3] = {1.0f, 1.0f, 1.0f};
SkMaskFilter* filter = paint.setMaskFilter(SkBlurMaskFilter::MakeEmboss(
SkBlurMaskFilter::CreateEmboss( 2.0f, direction, 0.3f, 0.1f));
2.0f, direction, 0.3f, 0.1f);
paint.setMaskFilter(filter);
filter->unref();
const char text[] = "Skia"; const char text[] = "Skia";
canvas->drawText(text, strlen(text), 0, 160, paint); canvas->drawText(text, strlen(text), 0, 160, paint);
<a href="https://fiddle.skia.org/c/1ef71be7fb749a2d81a55721b2d2c77d"> <a href='https://fiddle.skia.org/c/@skpaint_emboss'><img
<img src="https://fiddle.skia.org/i/1ef71be7fb749a2d81a55721b2d2c77d_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_emboss_raster.png'></a>
<span id="SkColorFilter"></span> <span id="SkColorFilter"></span>
@ -429,12 +401,11 @@ SkColorFilter
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void f(SkCanvas* c, SkScalar x, SkScalar y, SkScalar colorMatrix[20]) { void f(SkCanvas* c, SkScalar x, SkScalar y, SkScalar colorMatrix[20]) {
SkColorFilter* cf = SkColorMatrixFilter::Create(colorMatrix);
SkPaint paint; SkPaint paint;
paint.setColorFilter(cf); paint.setColorFilter(SkColorFilter::MakeMatrixFilterRowMajor255(colorMatrix));
cf->unref();
c->drawBitmap(source, x, y, &paint); c->drawBitmap(source, x, y, &paint);
} }
void draw(SkCanvas* c) { void draw(SkCanvas* c) {
c->scale(0.25, 0.25); c->scale(0.25, 0.25);
SkScalar colorMatrix1[20] = { SkScalar colorMatrix1[20] = {
@ -494,27 +465,27 @@ SkColorFilter
f(c, 1536, 512, inverter); f(c, 1536, 512, inverter);
} }
<a href="https://fiddle.skia.org/c/91fb5341ee7903c9682df20bb3d73dbb"> <a href='https://fiddle.skia.org/c/@skpaint_matrix_color_filter'><img
<img src="https://fiddle.skia.org/i/91fb5341ee7903c9682df20bb3d73dbb_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_matrix_color_filter_raster.png'></a>
* Color Table Color Filter * Color Table Color Filter
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) {
canvas->scale(0.5, 0.5); canvas->scale(0.5, 0.5);
uint8_t ct[256]; uint8_t ct[256];
for (int i = 0; i < 256; ++i) { for (int i = 0; i < 256; ++i) {
int x = (i - 96) * 255 / 64; int x = (i - 96) * 255 / 64;
ct[i] = x < 0 ? 0 : x > 255 ? 255 : x; ct[i] = x < 0 ? 0 : x > 255 ? 255 : x;
} }
SkColorFilter* cf = SkTableColorFilter::CreateARGB(nullptr, ct, ct, ct);
SkPaint paint; SkPaint paint;
paint.setColorFilter(cf); paint.setColorFilter(SkTableColorFilter::MakeARGB(nullptr, ct, ct, ct));
cf->unref();
canvas->drawBitmap(source, 0, 0, &paint); canvas->drawBitmap(source, 0, 0, &paint);
}
<a href="https://fiddle.skia.org/c/0d3d339543afa1b10c60f9826f264c3f"> <a href='https://fiddle.skia.org/c/@skpaint_color_table_filter'><img
<img src="https://fiddle.skia.org/i/0d3d339543afa1b10c60f9826f264c3f_raster.png"></a> src='https://fiddle.skia.org/c/@skpaint_color_table_filter_raster.png'></a>
<span id="SkPathEffect"></span> <span id="SkPathEffect"></span>
@ -538,10 +509,8 @@ SkPathEffect
} }
path.close(); path.close();
SkMatrix matrix = SkMatrix::MakeScale(4 * scale); SkMatrix matrix = SkMatrix::MakeScale(4 * scale);
SkAutoTUnref<SkPathEffect> pathEffect(
SkPath2DPathEffect::Create(matrix, path));
SkPaint paint; SkPaint paint;
paint.setPathEffect(pathEffect); paint.setPathEffect(SkPath2DPathEffect::Make(matrix, path));
paint.setAntiAlias(true); paint.setAntiAlias(true);
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
SkRect bounds; SkRect bounds;
@ -550,7 +519,8 @@ SkPathEffect
canvas->drawRect(bounds, paint); canvas->drawRect(bounds, paint);
} }
<a href="https://fiddle.skia.org/c/aae271e4f0178455f0e128981d714d73"><img src="https://fiddle.skia.org/i/aae271e4f0178455f0e128981d714d73_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_path_2d_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_path_2d_path_effect_raster.png'></a>
* SkLine2DPathEffect: a special case of SkPath2DPathEffect where the * SkLine2DPathEffect: a special case of SkPath2DPathEffect where the
path is a straight line to be stroked, not a path to be filled. path is a straight line to be stroked, not a path to be filled.
@ -562,9 +532,7 @@ SkPathEffect
SkMatrix lattice; SkMatrix lattice;
lattice.setScale(8.0f, 8.0f); lattice.setScale(8.0f, 8.0f);
lattice.preRotate(30.0f); lattice.preRotate(30.0f);
SkAutoTUnref<SkPathEffect> pe( paint.setPathEffect(SkLine2DPathEffect::Make(0.0f, lattice));
SkLine2DPathEffect::Create(0.0f, lattice));
paint.setPathEffect(pe);
paint.setAntiAlias(true); paint.setAntiAlias(true);
SkRect bounds; SkRect bounds;
(void)canvas->getClipBounds(&bounds); (void)canvas->getClipBounds(&bounds);
@ -573,7 +541,8 @@ SkPathEffect
canvas->drawRect(bounds, paint); canvas->drawRect(bounds, paint);
} }
<a href="https://fiddle.skia.org/c/3f49502145886920f95d43912e0f550d"><img src="https://fiddle.skia.org/i/3f49502145886920f95d43912e0f550d_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_line_2d_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_line_2d_path_effect_raster.png'></a>
* SkPath1DPathEffect: create dash-like effects by replicating the specified path along the drawn path. * SkPath1DPathEffect: create dash-like effects by replicating the specified path along the drawn path.
@ -583,16 +552,15 @@ SkPathEffect
SkPaint paint; SkPaint paint;
SkPath path; SkPath path;
path.addOval(SkRect::MakeWH(16.0f, 6.0f)); path.addOval(SkRect::MakeWH(16.0f, 6.0f));
SkAutoTUnref<SkPathEffect> pe( paint.setPathEffect(SkPath1DPathEffect::Make(
SkPath1DPathEffect::Create(
path, 32.0f, 0.0f, SkPath1DPathEffect::kRotate_Style)); path, 32.0f, 0.0f, SkPath1DPathEffect::kRotate_Style));
paint.setPathEffect(pe);
paint.setAntiAlias(true); paint.setAntiAlias(true);
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
canvas->drawCircle(128.0f, 128.0f, 122.0f, paint); canvas->drawCircle(128.0f, 128.0f, 122.0f, paint);
} }
<a href="https://fiddle.skia.org/c/756a8cdb9458c05f6c1c7c398d979dac"><img src="https://fiddle.skia.org/i/756a8cdb9458c05f6c1c7c398d979dac_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_path_1d_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_path_1d_path_effect_raster.png'></a>
* SkArcToPathEffect * SkArcToPathEffect
@ -604,21 +572,15 @@ SkPathEffect
const SkScalar R = 115.2f, C = 128.0f; const SkScalar R = 115.2f, C = 128.0f;
SkPath path; SkPath path;
path.moveTo(C + R, C); path.moveTo(C + R, C);
for (int i = 1; i < 7; ++i) { for (int i = 1; i < 8; ++i) {
SkScalar a = 2.6927937f * i; SkScalar a = 2.6927937f * i;
path.lineTo(C + R * cos(a), C + R * sin(a)); path.lineTo(C + R * cos(a), C + R * sin(a));
} }
path.close();
return path; return path;
} }
<!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) { void draw(SkCanvas* canvas) {
SkPaint paint; SkPaint paint;
SkAutoTUnref<SkPathEffect> pe( paint.setPathEffect(SkArcToPathEffect::Make(8.0f));
SkArcToPathEffect::Create(8.0f));
paint.setPathEffect(pe);
paint.setStyle(SkPaint::kStroke_Style); paint.setStyle(SkPaint::kStroke_Style);
paint.setAntiAlias(true); paint.setAntiAlias(true);
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
@ -626,7 +588,9 @@ SkPathEffect
canvas->drawPath(path, paint); canvas->drawPath(path, paint);
} }
<a href="https://fiddle.skia.org/c/1cc2a1363dd0e96954e084f7ca29aa5f"><img src="https://fiddle.skia.org/i/1cc2a1363dd0e96954e084f7ca29aa5f_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_arc_to_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_arc_to_path_effect_raster.png'></a>
* SkCornerPathEffect: a path effect that can turn sharp corners into * SkCornerPathEffect: a path effect that can turn sharp corners into
various treatments (e.g. rounded corners). various treatments (e.g. rounded corners).
@ -635,9 +599,7 @@ SkPathEffect
void draw(SkCanvas* canvas) { void draw(SkCanvas* canvas) {
SkPaint paint; SkPaint paint;
SkAutoTUnref<SkPathEffect> pe( paint.setPathEffect(SkCornerPathEffect::Make(32.0f));
SkCornerPathEffect::Create(32.0f));
paint.setPathEffect(pe);
paint.setStyle(SkPaint::kStroke_Style); paint.setStyle(SkPaint::kStroke_Style);
paint.setAntiAlias(true); paint.setAntiAlias(true);
canvas->clear(SK_ColorWHITE); canvas->clear(SK_ColorWHITE);
@ -646,7 +608,7 @@ SkPathEffect
canvas->drawPath(path, paint); canvas->drawPath(path, paint);
} }
<a href="https://fiddle.skia.org/c/f5361bbb33ad43c656dd40bb03ee2114"><img src="https://fiddle.skia.org/i/f5361bbb33ad43c656dd40bb03ee2114_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_corner_path_effects'><img src='https://fiddle.skia.org/c/@skpaint_corner_path_effects_raster.png'></a>
* SkDashPathEffect: a path effect that implements dashing. * SkDashPathEffect: a path effect that implements dashing.
@ -655,10 +617,8 @@ SkPathEffect
void draw(SkCanvas* canvas) { void draw(SkCanvas* canvas) {
const SkScalar intervals[] = { 10.0f, 5.0f, 2.0f, 5.0f }; const SkScalar intervals[] = { 10.0f, 5.0f, 2.0f, 5.0f };
size_t count = sizeof(intervals) / sizeof(intervals[0]); size_t count = sizeof(intervals) / sizeof(intervals[0]);
SkAutoTUnref<SkPathEffect> pe(
SkDashPathEffect::Create(intervals, count, 0.0f));
SkPaint paint; SkPaint paint;
paint.setPathEffect(pe); paint.setPathEffect(SkDashPathEffect::Make(intervals, count, 0.0f));
paint.setStyle(SkPaint::kStroke_Style); paint.setStyle(SkPaint::kStroke_Style);
paint.setStrokeWidth(2.0f); paint.setStrokeWidth(2.0f);
paint.setAntiAlias(true); paint.setAntiAlias(true);
@ -667,7 +627,7 @@ SkPathEffect
canvas->drawPath(path, paint); canvas->drawPath(path, paint);
} }
<a href="https://fiddle.skia.org/c/d221ced999a80ac23870d0301ffeedad"><img src="https://fiddle.skia.org/i/d221ced999a80ac23870d0301ffeedad_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_dash_path_effect'><img src='https://fiddle.skia.org/c/@skpaint_dash_path_effect_raster.png'></a>
* SkDiscretePathEffect: This path effect chops a path into discrete * SkDiscretePathEffect: This path effect chops a path into discrete
segments, and randomly displaces them. segments, and randomly displaces them.
@ -675,10 +635,8 @@ SkPathEffect
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) { void draw(SkCanvas* canvas) {
SkAutoTUnref<SkPathEffect> pe(
SkDiscretePathEffect::Create(10.0f, 4.0f));
SkPaint paint; SkPaint paint;
paint.setPathEffect(pe); paint.setPathEffect(SkDiscretePathEffect::Make(10.0f, 4.0f));
paint.setStyle(SkPaint::kStroke_Style); paint.setStyle(SkPaint::kStroke_Style);
paint.setStrokeWidth(2.0f); paint.setStrokeWidth(2.0f);
paint.setAntiAlias(true); paint.setAntiAlias(true);
@ -687,7 +645,8 @@ SkPathEffect
canvas->drawPath(path, paint); canvas->drawPath(path, paint);
} }
<a href="https://fiddle.skia.org/c/af2f177438b376ca45cfffc29cc0177a"><img src="https://fiddle.skia.org/i/af2f177438b376ca45cfffc29cc0177a_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_discrete_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_discrete_path_effect_raster.png'></a>
* SkComposePathEffect: a pathEffect whose effect is to apply * SkComposePathEffect: a pathEffect whose effect is to apply
first the inner pathEffect and the the outer pathEffect (i.e. first the inner pathEffect and the the outer pathEffect (i.e.
@ -696,16 +655,13 @@ SkPathEffect
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) { void draw(SkCanvas* canvas) {
SkAutoTUnref<SkPathEffect> pe0(
SkDiscretePathEffect::Create(10.0f, 4.0f));
const SkScalar intervals[] = { 10.0f, 5.0f, 2.0f, 5.0f }; const SkScalar intervals[] = { 10.0f, 5.0f, 2.0f, 5.0f };
size_t count = sizeof(intervals) / sizeof(intervals[0]); size_t count = sizeof(intervals) / sizeof(intervals[0]);
SkAutoTUnref<SkPathEffect> pe1(
SkDashPathEffect::Create(intervals, count, 0.0f));
SkAutoTUnref<SkPathEffect> pe(
SkComposePathEffect::Create(pe1, pe0));
SkPaint paint; SkPaint paint;
paint.setPathEffect(pe); paint.setPathEffect(SkComposePathEffect::Make(
SkDashPathEffect::Make(intervals, count, 0.0f),
SkDiscretePathEffect::Make(10.0f, 4.0f)
));
paint.setStyle(SkPaint::kStroke_Style); paint.setStyle(SkPaint::kStroke_Style);
paint.setStrokeWidth(2.0f); paint.setStrokeWidth(2.0f);
paint.setAntiAlias(true); paint.setAntiAlias(true);
@ -714,7 +670,8 @@ SkPathEffect
canvas->drawPath(path, paint); canvas->drawPath(path, paint);
} }
<a href="https://fiddle.skia.org/c/39a644161da79e8b5e49c193adac7173"><img src="https://fiddle.skia.org/i/39a644161da79e8b5e49c193adac7173_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_compose_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_compose_path_effect_raster.png'></a>
* SkSumPathEffect: a pathEffect whose effect is to apply two effects, * SkSumPathEffect: a pathEffect whose effect is to apply two effects,
in sequence (i.e. first(path) + second(path)). in sequence (i.e. first(path) + second(path)).
@ -722,14 +679,11 @@ SkPathEffect
<!--?prettify lang=cc?--> <!--?prettify lang=cc?-->
void draw(SkCanvas* canvas) { void draw(SkCanvas* canvas) {
SkAutoTUnref<SkPathEffect> pe0(
SkDiscretePathEffect::Create(10.0f, 4.0f));
SkAutoTUnref<SkPathEffect> pe1(
SkDiscretePathEffect::Create(10.0f, 4.0f, 1245u));
SkAutoTUnref<SkPathEffect> pe(
SkSumPathEffect::Create(pe1, pe0));
SkPaint paint; SkPaint paint;
paint.setPathEffect(pe); paint.setPathEffect(SkSumPathEffect::Make(
SkDiscretePathEffect::Make(10.0f, 4.0f),
SkDiscretePathEffect::Make(10.0f, 4.0f, 1245u)
));
paint.setStyle(SkPaint::kStroke_Style); paint.setStyle(SkPaint::kStroke_Style);
paint.setStrokeWidth(2.0f); paint.setStrokeWidth(2.0f);
paint.setAntiAlias(true); paint.setAntiAlias(true);
@ -738,9 +692,6 @@ SkPathEffect
canvas->drawPath(path, paint); canvas->drawPath(path, paint);
} }
<a href="https://fiddle.skia.org/c/e5f7861072893bd08c305a076bf32958"><img src="https://fiddle.skia.org/i/e5f7861072893bd08c305a076bf32958_raster.png" alt=""></a> <a href='https://fiddle.skia.org/c/@skpaint_sum_path_effect'><img
src='https://fiddle.skia.org/c/@skpaint_sum_path_effect_raster.png'></a>
<!--
<a href="https://fiddle.skia.org/c/"><img src="https://fiddle.skia.org/i/_raster.png" alt=""></a>
-->

3
site/user/tips.md
View File

@ -87,7 +87,8 @@ drawBitmapNine():
bitmap.extractSubset(&subset, rect); bitmap.extractSubset(&subset, rect);
canvas->drawBitmapNine(subset, ...); canvas->drawBitmapNine(subset, ...);
[An example](https://fiddle.skia.org/c/c91694020f0810994917b56c323e4559) [An example](https://fiddle.skia.org/c/@subset_example)
* * * * * *