在PPAPI插件中使用Skia绘图

Windows下从源码编译Skia一文介绍了Skia的编译，现在我们可以尝试在PPAPI插件中来使用Skia了。

foruok原创，如需转载请关注foruok的微信订阅号“程序视界”联系foruok。

Skia的关键类库

官网https://skia.org/上有文档，可以看。然后下载的源码，可以使用SourceInsight之类的工具来查看。具体不再细说，我这里只提用到的三个关键类：

• SkPaint
• SkCanvas
• SkBitmap

SkCanvas是画布，你可以在它上面画任意的图元，比如矩形、圆型、文字、弧……

SkPaint则是工具箱，聚合了画笔、颜色等各种绘画时要用的配置选项。

SkBitmap代表了一块图像数据。

你调用SkCanvas的方法绘制图元，这些图元对应的数据一定要有个地方保存或显示，用于保存或显示图像数据的那个角色，被称为backends。SkCanvas的backends，有好几种，我们这个简单的示例ppapi_skia只用到了SkBitmap这种后端。

2D绘图类库的基本设计都差不多，我的《Qt on Android核心编程》一书里对Qt绘图有介绍，两厢比对，就会发现设计得差不多。不过有一点不同，QPainter会保存你设置的绘图选项（颜色、画笔等），而SkCanvas则不会，需要自己设计数据结构和逻辑来保存。

ppapi_skia项目

ppapi_skia项目基于ppapi_simple而来，请先参考PPAPI插件的绘图与输入事件处理这篇文章。

不过为了方便调用Skia（C++类库），我这次用了cpp源文件，ppapi_skia.cpp。（吐槽下，VS2013对于C文件的即时提示太弱……）

我还改了ppapi_simple，使用了FlushCompletionCallback来优化绘图流程。

Skia默认编译出来的是静态库，对于一个简单的PPAPI+Skia插件，我不知道需要链接哪些lib，写好了代码，编译，根据undefined reference错误一通狂找，发现要链接下列lib：

skia_core.lib
skia_ports.lib
skia_utils.lib
skia_effects.lib
skia_skgpu.lib
skia_opts.lib
skia_opts_ssse3.lib
skia_opts_sse41.lib
skia_opts_avx.lib
skia_images.lib
skia_sfnt.lib
libetc1.lib
libSkKTX.lib
opengl32.lib

Windows下从源码编译Skia一文提到编译后的lib文件路径是：E:\sources\skia\out\Release。设置到项目的附加库目录列表中。skia还依赖其他一些库文件，在E:\sources\skia\out\Release\obj\gyp目录下，把这个目录添加到附加库目录列表里。

Skia需要OpenGL，我们得链接Opengl32.lib，Windows SDK里有。

skia编译时加了/MD参数，CEF编译时用的MT，如果你用PPAPI的C++接口，就会冲突了。要么改skia，要么改CEF。skia库小，改它吧。我还没找到怎么在生成构建文件时设置，最简单直接的，就是到E:\sources\skia\out\Release\obj\gyp这里，把*.ninja文件里的/MD都修改为/MT。然后重新编译。

如过用C接口，没关系，把PPAPI的代码生成选项里的运行库修改为MD即可。我偷懒，就用C接口，把ppapi_skia项目的运行库选项设置为了MD。

好，关于工程基本就这样了。

源码

分C++源码和HTML源码。

C++代码

So，源码来了，基于C代码改过来，有点乱，不过可以说明用法。

/*
* Copyright (c) 2016 foruok@程序视界. All rights reserved.
* 2016-1-16, edited by foruok.
* 如需转载，请关注微信订阅号“程序视界”，回复foruok获取其联系方式
*/
#include <stdint.h>
#include <stdlib.h>
#include <string.h>
#include <Windows.h>
#include <tchar.h>

#include "ppapi/c/pp_completion_callback.h"
#include "ppapi/c/pp_errors.h"
#include "ppapi/c/pp_instance.h"
#include "ppapi/c/pp_module.h"
#include "ppapi/c