Kraken: 基于Flutter引擎的TypeScript UI框架在树莓派上的应⽤

2020-03-01 1452浏览

  • 1.Kraken:基于Flutter引擎的TypeScript UI框架在树莓派上的应⽤用 徐远同 阿⾥里里巴巴⽆无线开发专家
  • 2.
  • 3.
  • 4.⾃自我介绍 华为 GCanvas+渲染 ⼤大前端
  • 5.⽬目录 一. 淘宝在非标硬件设备上的实践 二. Kraken(Flutter-Like)框架介绍 三. 渲染管线介绍 四. 总结和展望
  • 6.未来的样⼦子?
  • 7.挑战 ⾮非标Android设备 • • • • dpi = 1.5? width = 800? height = 600? 原⽣生组件可能变形 MALI-400 ⾼高动态性要求 • • • 随时可能变化的需求 有较复杂的动画,性能有⼀一定的要求 Native能⼒力力能扩展
  • 8.基于GCanvas的容器器渲染⽅方案 Business Business Code Javascript Binding Objects JS Runtime JS Engine JS Module Manager Render GCanvas 2D Context GCanvas WebGL Context Font Image Common Threading File System Network Input Platform Android iOS
  • 9.JS Binding V8 /JSC var canvas = createCanvas(); var ctx2d = canvas.getContext('2d'); ctx2d.fillStyle = 'green'; ctx2d.fillRect(10, 10, 100, 100); JavaScript class JSContext2D : public JSRuntimeObject {public:'>public: