Canvas: Images are not enlarged resized beyond their base resolution

Bug reports
, , ,
1

Once you’ve done the above, delete everything above this line.

Steps to reproduce

  1. Open any Obsidian Vault
  2. Create\open Canvas
  3. Insert an image into the Canvas
  4. Start to scale it up

Did you follow the troubleshooting guide? [Y/N]

YES!

Expected result

Image should be scaled up as far as user continues to scale it

Actual result

Image is scaled only until its real size in pixels.
Then it stops scaling up and only solid black\white color is starting to fill new extra space of the node

Environment

Windows 10 Pro

Additional information

For example, I inserted image of logo of Obsidian into the Canvas.
Then I started to scale it up.
In the past (for example, 1 month ago) everything worked fine.
And right now there is no extra scaling - there is only solid color inside new extra space of the node.

wrong_scale_in_canvas
wrong_scale_in_canvas864×801 20.4 KB

1 Like
2

I can’t reproduce.

What is the output of show debug info command?

3

I think I managed to reproduce.

The images are not corrupted they just are not maximized beyond a certain point

1 Like
4

will be fixed v1.13.0. ETA unknown.

3 Likes
5

Thank you for identifying the problem quickly. I just wanted to say that I’m a heavy Canvas user and now so many images in my vaults have this issue. I am eagerly waiting for a fix. Thank you

1 Like
6

WhiteNoise, thank you for your help!

7

You can solve the problem with this CSS code.

.canvas-node img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.canvas-node .canvas-node-content {
  padding: 0 !important;
  overflow: hidden !important;
}
3 Likes
8

Maclaren!!! Thank you very much! Your solution helped me a lot!

9

Thank you!

1 Like
10

Steps to reproduce

  1. Open Obsidian 1.12.7
  2. Open canvas
  3. Place in a smaller image
  4. Try to make it bigger to match your big and nice images
  5. Be sad you can no longer do this

Did you follow the troubleshooting guide? [Y/N]

Yep, same thing happens in sandbox and with themes/plugins updated and disabled.

Expected result

I can resize images in canvases to be any size regardless of original size, even making them larger at the cost of quality.

Actual result

Ugly boxes of nothing around the image when I enlarge past original size.

Environment

SYSTEM INFO:
Obsidian version: 1.12.7
Installer version: 1.5.11
Operating system: Windows 10 Home 10.0.26200
Login status: not logged in
Language: en-GB
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: PLN 1.18.0
Snippets enabled: 0
Restricted mode: off
Plugins installed: 3
Plugins enabled: 3
1: Style Settings v1.0.9
2: Editing Toolbar v4.0.2
3: Pretty Properties v1.10.17

Additional information

image
image1920×1080 257 KB

Previously when I opened this canvas the images here would fill the boxes. I had this issue with other canvases with images, too, where previously they had been a large size but now have void around them and the images themselves are small.

This is a big problem because I like to work with small image sizes to save space, but there is a limit to how far I can zoom into the canvas. The unintended limit on image resizing in canvas are too small for me.