HyperRedStart

Posted on Mar 4, 2022

Skia - First Look Part 1

#flutter #skia #cpp #android

Skia 是 Flutter 2D渲染引擎的底層框架，並應用於 Android、Google Chrome、Chrome OS、Chromium OS、Mozilla Firefox、Firefox OS以及Sublime Text、LibreOffice 。

✨ Feature

可惜的是目前按照官網的方式嘗試多次都無法正常運行，~~所以原本寫的一篇文章就廢掉了😭~~

bin/gn gen out/Static
python2 tools/git-sync-deps
bin/gn gen out/Release  --args='is_debug=false'
ninja -C out/Release

-> failed!

其他苦主 ->
https://bugs.chromium.org/p/skia/issues/detail?id=12765&q=SkPDFSubsetFont&can=2

參考其他大多數的文章都已經過時老舊，索性有大神在去年分享了在Windows的做法，但使用 Skia 在 github上最新的版本編譯出的程式碼並無法正常在 VS 中運行，目前只能靠以下 github 中已經編譯好的 dll檔案進行測試。

https://github.com/nightelf3/FirstSkiaApp/tree/example

輕鬆點開我們的 Solution 就可以開始測試 Skia 的強大功能，

程式主要是 C++ WinApi 框架所開發的視窗程式範例，透過 Layer 將多個範例放入到我們的主程式中 !

透過 <Tab> 切換我們的範例

透過 <z> / <x> 可以切換 Raster 與 OpenGL

Conclusion

無法從原始碼編譯成功還是覺得有點小可惜，希望未來官方可以再補足文件，讓更多人有機會透過 Skia 進行開發。

未來的章結會再根據 Skia 開發進行更深入的說明，可能會搭配 OpenGL / Vulkan / Meta 等圖像庫一起進行研究 !

📣 大力祈求有其他先進好手能提供完整的 SKIA 建置教學 ! 📣

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.