Open Graphic Image Writer

keiya sasaki

Last update: Dec 15, 2022

Related tags

Image processing og_image_writer

Overview

Open Graphic Image Writer

Documentation

You can generate Open Graphic Image dynamically.

A CSS-like API.
You can generate image by using template image.

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 is overhead, especially if you are using feature like the SSG. Therefore this lib is targeting a high performance API for all platform by using wasm.

Example

For more examples, see keiya01/og_image_writer/examples.

use og_image_writer::{style, writer::OGImageWriter};
use std::io;

fn main() -> io::Result<()> {
    let text = "This is Open Graphic Image Writer for Web Developer.";

    let mut writer = OGImageWriter::new(style::WindowStyle {
        width: 1024,
        height: 512,
        background_image: Some("./examples/assets/og_template.png"),
        align_items: style::AlignItems::Center,
        justify_content: style::JustifyContent::Center,
        ..style::WindowStyle::default()
    });

    writer.set_text(
        text,
        style::Style {
            margin: style::Margin(0., 20., 0., 20.),
            line_height: 1.8,
            font_family: "YuGothic",
            font_size: 50.,
            font_style: style::FontStyle::Normal,
            font_weight: style::FontWeight::Bold,
            word_break: style::WordBreak::Normal,
            color: style::RGB(1., 1., 1.),
            text_align: style::TextAlign::Start,
            ..style::Style::default()
        },
    );

    let out_dir = "./examples/assets";
    let out_filename = "output_background_image.png";

    writer.generate(&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 examples, see keiya01/og_image_writer/examples.

You might also like...

A simple command-line utility (and Rust crate!) for converting from a conventional image file (e.g. a PNG file) into a pixel-art version constructed with emoji

EmojiPix This is a simple command-line utility (and Rust crate!) for converting from a conventional image file (e.g. a PNG file) into a pixel-art vers

22 Dec 6, 2022

A Simple Image to Ascii converter in Rust

Image to Ascii A Simple Image to Ascii converter in Rust Brief 📖 In my way to learn Rust i decided to make this converter. Challenges 🐢 new to Rust

7 Sep 16, 2022

Rust library for fast image resizing with using of SIMD instructions.

fast_image_resize Rust library for fast image resizing with using of SIMD instructions. CHANGELOG Supported pixel formats and available optimisations:

115 Jan 5, 2023

Experimental vectorized-raster image editor

Sverg Sverg is an experimental image editor that leverages the power of modern hardware so that you can create images as if they were raster images (e

3 Jan 25, 2022

Rust port of the Quite Okay Image format

qoi_rs What is this? A pretty boring Rust translation of qoi. Status What's there Encode & Decode works Results agree with the C implementation for al

9 Dec 9, 2021

A Rust encoder/decoder for Dominic Szablewski's QOI format for fast, lossless image compression.

QOI - The “Quite OK Image” format This is a Rust encoder and decoder for Dominic Szablewski's QOI format for fast, lossless image compression. See the

62 Nov 29, 2022

An advanced image processing library for Rust.

ImageProc Maintainers: @chyh1990 Note: this project is under active depvelopment, API may change! imageproc is a advanced image proccessing library fo

97 Oct 18, 2022

Web-app that simulates different types of color blindness from a user-provided input image.

What is Dalted? Web-app that simulates different types of color blindness from a user-provided input image. Resources The color blindness simulation i

18 Dec 20, 2022

Get the first frame of a Gif image.

Gif First Frame Use wasm to capture the first frame of a Gif image.

3 Apr 8, 2022

Comments

Why The Cargo Workspace?

Cargo crates support having a standalone examples folder within them which can be run via cargo run --example foo. In that case, it would run examples/foo.rs or examples/foo/mod.rs. You would still be able to use your og_image_writer main crate just by doing use og_image_writer so no code changes required as I see it.

opened by sno2 2
feat: support wasm runtime

og_image_writer was supporting only wasm for web. But in a lot of case like fastly compute@edge, wasm runtime like wasmtime is used. Also wasm that is using wam-bindgen does not work on wasmtime. So I fixed to separate wasm to wasm for web and wasm for wasm runtime.

opened by keiya01 1
Public-facing Error Handling

Hello, I think it would be great if users could handle errors themselves in which we created a Error and return Result<_, Error> instead of unwrapping in the code. I am willing to contribute this via this_error if you would like.

opened by sno2 1
Package the WASM compilation for Node?

Hi @keiya01! I just found your og_image_writer crate, and it seems to do exactly what I need! I was just wondering if you had considered creating a WASM version compiled with the Node target, and publishing it to npm, to make it a bit easier for people to import. Happy to submit that as a PR, or if you'd prefer, to fork and maintain that separately. I'm also curious about a napi-rs version!

opened by benwis 3