p/pukram-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed cutting off of background in images

Browse Source
This commit is contained in:
p11 2025-04-18 21:32:44 +02:00
parent 8d9da220d5
commit 504f397a9a
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/vn.rs
View File

@ -13,19 +13,19 @@ use crate::dialog::parse_map;
fn render_scene(settings: &PlayerSettings, name: &str, output: &mut Vec<u8>) { fn render_scene(settings: &PlayerSettings, name: &str, output: &mut Vec<u8>) {
for object in &settings.objects.objects { for object in &settings.objects.objects {
let Some(image_set) = object.image.get(name) else { if let Some(image_set) = object.image.get(name) {
continue; for image in &settings.images.images[image_set] {
}; let Some(image) = image.get_ref(name) else {
continue;
};
for image in &settings.images.images[image_set] { let _ = write!(
let Some(image) = image.get_ref(name) else { output,
continue; r#"<div style="position:relative; height:100%; width:100%; overflow:hidden">
}; <img src={image:?} style="height:100%; width:auto; object-fit:contain; position:absolute; left:50%; transform:translateX(-50%)">
</div>"#,
let _ = writeln!( );
output, }
"<img src={image:?} style='max-height: 100%; max-width: 100%; object-fit: cover'/>"
);
} }
} }
} }
@ -236,6 +236,7 @@ pub fn render_novel(
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
overflow: hidden;
} }
.scene-section { .scene-section {
@ -245,6 +246,7 @@ pub fn render_novel(
width: 100%; width: 100%;
height: 100%; height: 100%;
display: none; display: none;
aspect-ratio: 16/9;
} }
.scene-section[style*='block'] { .scene-section[style*='block'] {
@ -254,12 +256,13 @@ pub fn render_novel(
} }
.scene-section img { .scene-section img {
width: 100%;
height: 100%; height: 100%;
object-fit: cover; width: auto;
object-fit: contain;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 50%;
transform: translateX(-50%);
} }
.textbox-content { .textbox-content {