26 releases
0.11.0 | Nov 17, 2022 |
---|---|
0.9.1 | Jan 25, 2022 |
0.8.0 | Dec 31, 2021 |
0.3.1 | Nov 14, 2021 |
#231 in Rendering
110KB
2.5K
SLoC
Open Graphic Image Writer
You can generate Open Graphic Image dynamically.
- A CSS-like API.
- You can generate image by using template image.
- WASM/WASI support.
Problem
Currently, when you want to create OGP image dynamically, you may use canvas. But to use canvas, you need to open a browser and run some script. This has overhead for memory usage and rendering performance. Therefore this lib is targeting a high performance API for all platform(including the edge) by using wasm.
Example
For more examples, see keiya01/og_image_writer/examples.
use og_image_writer::{style, writer::OGImageWriter};
use std::path::Path;
fn main() -> anyhow::Result<()> {
let text = "This is Open Graphic Image Writer for Web Developer.";
let mut writer = OGImageWriter::new(style::WindowStyle {
width: 1024,
height: 512,
background_color: Some(style::Rgba([70, 40, 90, 255])),
align_items: style::AlignItems::Center,
justify_content: style::JustifyContent::Center,
..style::WindowStyle::default()
})?;
let font = Vec::from(include_bytes!("../fonts/Mplus1-Black.ttf") as &[u8]);
writer.set_text(
text,
style::Style {
margin: style::Margin(0, 20, 0, 20),
line_height: 1.8,
font_size: 100.,
word_break: style::WordBreak::Normal,
color: style::Rgba([255, 255, 255, 255]),
text_align: style::TextAlign::Start,
..style::Style::default()
},
font,
)?;
let out_dir = "./examples";
let out_filename = "output_background_color.png";
writer.generate(Path::new(&format!("{}/{}", out_dir, out_filename)))?;
Ok(())
}
When you pass the following the template image,
this code generate the following image.
And you can also set background-color
instead of passing the template image.
For more complex examples, see keiya01/og_image_writer/examples.
Dependencies
~9.5MB
~178K SLoC