skia draw

最新推荐文章于 2025-11-08 02:48:23 发布

原创

最新推荐文章于 2025-11-08 02:48:23 发布 · 2.9k 阅读

7 ·

CC 4.0 BY-SA版权

本文简要概述了Skia图形库的绘制过程，包括路径生成、光栅化、着色和颜色传递四个步骤。Skia的canvas.drawXX方法通过path generation、rasterizer、shading和transfer来完成图像绘制。在rasterizer阶段，使用mask图像确定像素位置，可通过no rasterizer或SkRasterizer创建mask。shading阶段涉及不同类型的shader进行颜色着色，如线性、环形、扫略梯度及混合shader。最后的transfer阶段涉及颜色过滤和混合模式。

最近终于有时间去看skia draw的一些过程，参考skia/gm和skia/samplecode里面的示例非常粗略的总结了一下skia的绘制过程，只能说建立一个概览吧。希望有熟悉skia的大神在不对之处可以帮忙指点。

skia的每次绘制都是由canvas.drawXX方法发起，经过path generation、rasterizer、shading和transfer四个步骤完成一张图的绘制。

Path generation

在skia绘制管线中，第一步工作就是要生成SkPah。所谓path，字面上讲是绘制路径，其实就是绘制形状。这部分工作可以分为三个阶段去完成：

第一阶段：初始化path。可以使用SkPath的moveTo()，lineTo()，conicTo()，quadto()等方法手动绘制线段、二次曲线等，以此来绘制物体的轮廓；也可以使用canvas的draw api来绘制矩形、椭圆等形状完成轮廓绘制。

第二阶段：为path添加效果。skia支持的效果有：添加线宽、corner、虚线、DiscretePath、1Dpath、2Dpath等。这部分可以参考pathEffect.cpp。

第三阶段：使用SkPath的setStyle()方法确定path的风格。

enum Style {
        kFill_Style,            //!< fill the geometry填充
        kStroke_Style,          //!< stroke the geometry绘制轮廓
        kStrokeAndFill_Style,   //!< fill and stroke the geometry
    };