react-canvascanva 渲染的 React 组件

联合创作 · 2023-09-27 16:53

React canvas 给 React 组件增加能力以呈现给<canvas>,而不是 DOM。这个项目正在进行中。尽管大量代码产生于 flipboard.com,但是 React canvas 仍能绑定最新的 API,并且可以修改。

示例代码:

render() {
...
return (
  <Group style={this.getStyle()}>
    <Gradient style={this.getGradientStyle()} 
              colorStops={this.getGradientColors()} />
  </Group>
);
}
getGradientColors(){
return [
  { color: "transparent", position: 0 },
  { color: "#000", position: 1 }
]
}
浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报