Message-ID:

When speculation has done its worst, two plus two still equals four. -- S. Johnson

devel / comp.lang.javascript / Re: Scale root object "page"

Scale root object "page"

<4285452c-b053-483f-8580-b96939827e26n@googlegroups.com>

https://www.novabbs.com/devel/article-flat.php?id=9908&group=comp.lang.javascript#9908

copy link Newsgroups: comp.lang.javascript

X-Received: by 2002:ac8:7dc7:: with SMTP id c7mr4561496qte.0.1632401080325;
Thu, 23 Sep 2021 05:44:40 -0700 (PDT)
X-Received: by 2002:a9d:69c9:: with SMTP id v9mr4190228oto.127.1632401080048;
Thu, 23 Sep 2021 05:44:40 -0700 (PDT)
Path: i2pn2.org!i2pn.org!weretis.net!feeder6.news.weretis.net!news.misty.com!border2.nntp.dca1.giganews.com!nntp.giganews.com!news-out.google.com!nntp.google.com!postnews.google.com!google-groups.googlegroups.com!not-for-mail
Newsgroups: comp.lang.javascript
Date: Thu, 23 Sep 2021 05:44:39 -0700 (PDT)
Injection-Info: google-groups.googlegroups.com; posting-host=84.217.164.86; posting-account=kxPkPAoAAACjJi8w0gL9bnyznPzdw9HW
NNTP-Posting-Host: 84.217.164.86
User-Agent: G2/1.0
MIME-Version: 1.0
Message-ID: <4285452c-b053-483f-8580-b96939827e26n@googlegroups.com>
Subject: Scale root object "page"
From: jonas.th...@gmail.com (Jonas Thörnvall)
Injection-Date: Thu, 23 Sep 2021 12:44:40 +0000
Content-Type: text/plain; charset="UTF-8"
Lines: 36

by: Jonas Thörnvall - Thu, 23 Sep 2021 12:44 UTC

Someone did post a solution to scale page some months ago.
However i seem to lost the working code.

Please repost?

<style>
:root{

transform-origin:0 0;
transform: scale(var --test));

}
</style>

//This is to set scale depending on resolution.
<script>

// Get the root element
var scaleData = document.querySelector(':root');
alert(scaleData);

// Create a function for getting a variable value
function getScale() {
// Get the styles (properties and values) for the root
var screenScale = getComputedStyle(scaleData);
alert(screenScale);
// Alert the value of the --blue variable
alert(scaleData.getPropertyValue('--test'));
}

// Create a function for setting a variable value
function setScale() {
r.style.setProperty('--test', '4');
} getScale();
setScale();
</script>

Re: Scale root object "page"

<75f89c52-2c06-41e4-80a5-55ece9caef38n@googlegroups.com>

copy mid

https://www.novabbs.com/devel/article-flat.php?id=9909&group=comp.lang.javascript#9909

copy link Newsgroups: comp.lang.javascript

X-Received: by 2002:ad4:4567:: with SMTP id o7mr4240126qvu.57.1632402391209;
Thu, 23 Sep 2021 06:06:31 -0700 (PDT)
X-Received: by 2002:a9d:7002:: with SMTP id k2mr4487012otj.206.1632402390176;
Thu, 23 Sep 2021 06:06:30 -0700 (PDT)
Path: i2pn2.org!i2pn.org!weretis.net!feeder6.news.weretis.net!news.misty.com!border2.nntp.dca1.giganews.com!border1.nntp.dca1.giganews.com!nntp.giganews.com!news-out.google.com!nntp.google.com!postnews.google.com!google-groups.googlegroups.com!not-for-mail
Newsgroups: comp.lang.javascript
Date: Thu, 23 Sep 2021 06:06:29 -0700 (PDT)
In-Reply-To: <4285452c-b053-483f-8580-b96939827e26n@googlegroups.com>
Injection-Info: google-groups.googlegroups.com; posting-host=84.217.164.86; posting-account=kxPkPAoAAACjJi8w0gL9bnyznPzdw9HW
NNTP-Posting-Host: 84.217.164.86
References: <4285452c-b053-483f-8580-b96939827e26n@googlegroups.com>
User-Agent: G2/1.0
MIME-Version: 1.0
Message-ID: <75f89c52-2c06-41e4-80a5-55ece9caef38n@googlegroups.com>
Subject: Re: Scale root object "page"
From: jonas.th...@gmail.com (Jonas Thörnvall)
Injection-Date: Thu, 23 Sep 2021 13:06:31 +0000
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable
Lines: 41

by: Jonas Thörnvall - Thu, 23 Sep 2021 13:06 UTC

torsdag 23 september 2021 kl. 14:44:45 UTC+2 skrev Jonas Thörnvall:
> Someone did post a solution to scale page some months ago.
> However i seem to lost the working code.
>
> Please repost?
>
> <style>
> :root{
>
> transform-origin:0 0;
> transform: scale(var --test));
>
> }
> </style>
>
> //This is to set scale depending on resolution.
> <script>
>
> // Get the root element
> var scaleData = document.querySelector(':root');
> alert(scaleData);
>
> // Create a function for getting a variable value
> function getScale() {
> // Get the styles (properties and values) for the root
> var screenScale = getComputedStyle(scaleData);
> alert(screenScale);
> // Alert the value of the --blue variable
> alert(scaleData.getPropertyValue('--test'));
> }
>
> // Create a function for setting a variable value
> function setScale() {
> r.style.setProperty('--test', '4');
> }
> getScale();
> setScale();
> </script>
Sorry my bad found it!
html {
transform: scale(0.5);
}

Subject	Author
Scale root object "page"	Jonas Thörnvall
Re: Scale root object "page"	Jonas Thörnvall