✨Yew-Canvas.rs✨

中文

Yew-Canvas.rs 是为Yew提供的一个简单的Canvas组件。

U可以轻松创建所需的canvas。

📑如何使用它？📑

只需3个简单步骤，如果所需的上下文是 CanvasRenderingContext2d，可以这样操作

1. 获取 Yew-Canvas.rs，HtmlCanvasElement 和上下文类型！

   #Cargo.toml
   [dependencies]
   yew="0.19"
   yew-canvas="..."
   
   [dependencies.web-sys]
   version = "0.3.59"
   features = ["HtmlCanvasElement", "CanvasRenderingContext2d"]
   

2. 创建一个Rander结构体！

   #[derive(Clone, PartialEq)]
   struct Rander();
   
   impl WithRander for Rander {
       fn rand(self, canvas: &HtmlCanvasElement) {
           
           //...
       }
   }
   

3. 返回组件作为VNode！

   html!(
       <Canvas<CanvasRenderingContext2d, Rander>
           //Just use style, canvas can suit automaticly.
           style="
               width: 100%;
               height: 100%;
           "
           rander={Box::new(Rander())}
       />
           {"The browser is not supported."}
       </Canvas<CanvasRenderingContext2d, Rander>>
   )
   

👌运行示例👌

0. *这需要你提前设置Yew.rs开发环境，以下是一个Trunk打包示例
1. cd./examples/base-use
2. trunk serve

⚖️许可证⚖️

Yew-Canvas.rs 在MIT许可证和Apache许可证（版本2.0）下双许可。