Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

translate first part #141

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

translate first part #141

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 4 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,12 @@ React Canvas adds the ability for React components to render to `<canvas>` rathe

This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

## Motivation
## 动机
通过对构建移动设备页面的一段很长时间的总结，我们发现web app想对于原生app，用户体验上感觉很慢的原因是因为DOM元素的渲染；CSS animations and transitions是使页面上的动画最优雅的最快的途径，但是依然有很多限制；React Canvas的出现引导了一个事实就是最现代化的浏览器已经开始加快对canvas的支持；

Having a long history of building interfaces geared toward mobile devices, we found that the reason mobile web apps feel slow when compared to native apps is the DOM. CSS animations and transitions are the fastest path to smooth animations on the web, but they have several limitations. React Canvas leverages the fact that most modern mobile browsers now have hardware accelerated canvas.
虽然已经存在多种将canvas绑定到react上的尝试，但它们更多地集中在可视化和游戏上面，react canvas与它们不同的地方就是将自己的注意力放在用户界面上，它为canvas提供了一种细节上的成就；

While there have been other attempts to bind canvas drawing APIs to React, they are more focused on visualizations and games. Where React Canvas differs is in the focus on building application user interfaces. The fact that it renders to canvas is an implementation detail.

React Canvas brings some of the APIs web developers are familiar with and blends them with a high performance drawing engine.
React canvas 带来了一些web开发者熟悉的API，并且通过一个高性能的绘图引擎协调它们；

## React Canvas Components

Expand Down