Open Kraken 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Open Kraken 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Open Kraken 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Open Kraken 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Open Kraken 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 Apache
操作系统 跨平台
软件类型 开源软件
开源组织 阿里巴巴
地区 国产
投 递 者 局长
适用人群 未知
收录时间 2021-04-21

软件简介

Kraken 是一款基于 W3C 标准的高性能渲染引擎。Kraken 底层基于 Flutter 进行渲染,通过其自绘渲染的特性,保证多端一致性。上层基于 W3C 标准实现,拥有非常庞大的前端开发者生态。

特性

  • Web 标准开发:Kraken 依据 W3C 标准提供渲染能力,提供浏览器中常见的标签、CSS 能力、API,让你使用前端生态构建原生应用。
  • 跨平台一致:基于 Flutter 的自绘渲染技术,不再受到平台能力制约,提供跨平台完全一致的 UI,同时支持桌面端 (macOS、Linux、Windows) 和移动端 (iOS、Android)等。

  • 原生性能:使用 AOT 构建技术将 Kraken 编译成机器码,提供更接近原生的性能;同步光栅化,支持无限列表流畅滚动且没有白屏。

示例

结构与样式

Kraken 中实现了 W3C 标准的 HTML 标签与 CSS 样式,因此可以完全使用 Web 开发的方式来书写页面结构与样式。

搭建页面结构

以下例子演示了如何使用原生 HTML 标签写一个简单的博客文章结构:

<div>
  <div>Kraken 入门教程</div>
  <div>2021-1-1</div>
  <div>
    <img src="https://img.alicdn.com/imgextra/i4/O1CN01GIxaZ01V0isGFLuJQ_!!6000000002591-2-tps-400-339.png" />
  </div>
  <div>
    Kraken 是一款基于 W3C 标准的高性能渲染引擎。Kraken 底层基于 Flutter
    进行渲染,通过其自绘渲染的特性,保证多端一致性。上层基于 W3C
    标准实现,拥有非常庞大的前端开发者生态。
  </div>
</div>

添加样式

为方便演示,代码示例中统一使用 React / Rax 支持的 JSX 语法来设置内联 style。

<div style={{ margin: '20px' }}>
  <div style={{ fontSize: '30px', margin: '10px 0' }}>Kraken 入门教程</div>
  <div style={{ fontSize: '14px', color: '#666' }}>2021-1-1</div>
  <div style={{ margin: '10px 0' }}>
    <img
      style={{ width: '100%' }}
      src="https://img.alicdn.com/imgextra/i4/O1CN01GIxaZ01V0isGFLuJQ_!!6000000002591-2-tps-400-339.png"
    />
  </div>
  <div style={{ fontSize: '16px' }}>
    Kraken 是一款基于 W3C 标准的高性能渲染引擎。Kraken 底层基于 Flutter
    进行渲染,通过其自绘渲染的特性,保证多端一致性。上层基于 W3C
    标准实现,拥有非常庞大的前端开发者生态。
  </div>
</div>

渲染效果

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于大前端专区
07/12 12:10

Kraken v0.8.0 发布 — 支持 Flutter 2.0

Kraken v0.8.0 发布 — 支持 Flutter 2.0 官网:https://openkraken.com/ Github: https://github.com/openkraken/kraken 自 2021年4月21日开源以来,北海(Kraken)就迎来了社区极大的关注。作为一款兼容 W3C 标准的渲染引擎,打造出高性能,轻量,可扩展的产品一直是 Kraken 团队奋斗的目标。经过近 2 个多月的迭代,在修复了“亿点点”的 bug 后,Kraken 终于迎来了 0.8.0 版本。 更新内容 支持 Flutter 最新 stable 版本 0....

2
7
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
07/05 08:08

高手问答第 263 期 —— 聊聊基于 Flutter 的 Web 渲染引擎 Kraken

Kraken 地址:https://github.com/openkraken/kraken 互联网业务如火如荼地发展离不开跨平台技术,而最成熟的跨平台技术就是大家熟悉的浏览器了,它与生俱来的跨平台能力、开放的标准以及强大的生态使它成为炙手可热的容器之一。而由于其本身不是为了性能而设计的,并且历史包袱重、兼容性、厂商更新慢等问题,浏览器在移动端的表现并不突出。尽管网络以及硬件的发展带来了足够多的性能红利,但是日益复杂的业务总能把已有的性能...

35
13
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
14 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部