Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add rotate checkbox for image

Browse source
This commit is contained in:
Joscha 2025-07-19 22:55:10 +02:00
parent 524670b7c9
commit b0f1828723
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
showbits-thermal-printer-ui/src/components/CDocumentImage.vue
View file

@ -10,6 +10,7 @@ const file = ref<File>();
const title = ref(""); const title = ref("");
const caption = ref(""); const caption = ref("");
const algo = ref("stucki"); const algo = ref("stucki");
const rotate = ref(false);
const bright = ref(true); const bright = ref(true);
const seamless = ref(false); const seamless = ref(false);
const feed = ref(true); const feed = ref(true);
@ -33,6 +34,7 @@ function onFormSubmit() {
if (title.value) data.append("title", title.value); if (title.value) data.append("title", title.value);
if (caption.value) data.append("caption", caption.value); if (caption.value) data.append("caption", caption.value);
data.append("algo", algo.value); data.append("algo", algo.value);
data.append("rotate", String(rotate.value));
data.append("bright", String(bright.value)); data.append("bright", String(bright.value));
data.append("seamless", String(seamless.value)); data.append("seamless", String(seamless.value));
data.append("feed", String(feed.value)); data.append("feed", String(feed.value));
@ -89,6 +91,7 @@ function onImageChange() {
</label> </label>
<div class="wide"> <div class="wide">
<label><input v-model="rotate" type="checkbox" :disabled /> Rotate</label>
<label><input v-model="bright" type="checkbox" :disabled /> Bright</label> <label><input v-model="bright" type="checkbox" :disabled /> Bright</label>
<label> <label>
<input v-model="seamless" type="checkbox" :disabled /> <input v-model="seamless" type="checkbox" :disabled />

11
showbits-thermal-printer/src/documents/image/mod.rs
View file

@ -91,6 +91,7 @@ struct Data {
pub async fn post(server: State<Server>, mut multipart: Multipart) -> somehow::Result<Response> { pub async fn post(server: State<Server>, mut multipart: Multipart) -> somehow::Result<Response> {
let mut image = None; let mut image = None;
let mut algo = "stucki".to_string(); let mut algo = "stucki".to_string();
let mut rotate = false;
let mut bright = true; let mut bright = true;
let mut data = Data { let mut data = Data {
@ -114,6 +115,9 @@ pub async fn post(server: State<Server>, mut multipart: Multipart) -> somehow::R
Some("algo") => { Some("algo") => {
algo = field.text().await?; algo = field.text().await?;
} }
Some("rotate") => {
rotate = !field.text().await?.is_empty();
}
Some("bright") => { Some("bright") => {
bright = !field.text().await?.is_empty(); bright = !field.text().await?.is_empty();
} }
@ -139,7 +143,7 @@ pub async fn post(server: State<Server>, mut multipart: Multipart) -> somehow::R
} }
// Decode image data // Decode image data
let image = { let mut image = {
// https://github.com/image-rs/image/issues/2392#issuecomment-2547393362 // https://github.com/image-rs/image/issues/2392#issuecomment-2547393362
let mut decoder = ImageReader::new(Cursor::new(image.as_bytes())) let mut decoder = ImageReader::new(Cursor::new(image.as_bytes()))
.with_guessed_format()? .with_guessed_format()?
@ -150,6 +154,11 @@ pub async fn post(server: State<Server>, mut multipart: Multipart) -> somehow::R
decoded.to_rgba8() decoded.to_rgba8()
}; };
// Rotate image
if rotate {
image = imageops::rotate90(&image);
}
// Dither image // Dither image
let max_width = Some(384); let max_width = Some(384);
let max_height = Some(1024); let max_height = Some(1024);