ENA-83: Ability to Zoom In and Zoom Out responsively about scratch-desktop HOT 3 OPEN

We should definitely implement a way to adjust the overall zoom! Not only is it helpful for presenting to a room, as you suggested, but it can also be an accessibility feature for an individual.

Here's a workaround for people who are comfortable with the browser console, though it's a poor substitute for the proper feature. Note that this works only in the Mac or Windows app, not on the web or Android / Chrome OS versions. (We also need to implement zoom in the Android app!)

First, open the browser console with Ctrl+Shift+i on Windows, or Cmd+Opt+i on Mac. Then, type this in the console:

const {webFrame} = require('electron');
webFrame.setZoomLevel(1);
webFrame.setZoomFactor(1.3);

You can use setZoomLevel to change the zoom in browser-defined increments, where 0 means "normal" zoom, or setZoomFactor to set the zoom level exactly, where 1 means 100% zoom.

More information is available here: https://zeke.github.io/electron.atom.io/docs/api/web-frame/

Given that code works just fine (but is very fiddly to do), could this please be added to a feature? As mentioned, I can change the visibility of the code but it means the blocks themselves can be very hard for students to see.

from scratch-desktop.

We should definitely implement a way to adjust the overall zoom! Not only is it helpful for presenting to a room, as you suggested, but it can also be an accessibility feature for an individual.

Here's a workaround for people who are comfortable with the browser console, though it's a poor substitute for the proper feature. Note that this works only in the Mac or Windows app, not on the web or Android / Chrome OS versions. (We also need to implement zoom in the Android app!)

First, open the browser console with Ctrl+Shift+i on Windows, or Cmd+Opt+i on Mac. Then, type this in the console:

const {webFrame} = require('electron');
webFrame.setZoomLevel(1);
webFrame.setZoomFactor(1.3);

You can use setZoomLevel to change the zoom in browser-defined increments, where 0 means "normal" zoom, or setZoomFactor to set the zoom level exactly, where 1 means 100% zoom.

More information is available here: https://zeke.github.io/electron.atom.io/docs/api/web-frame/

from scratch-desktop.

Somewhat related to LLK/scratch-android#58

from scratch-desktop.