Forum Pasja Informatyki - Najnowsze z tagiem scale

Podstawy CanvasRenderingContext2D.lineWidth ctx.scale(116,38);

Thu, 18 Nov 2021 07:55:03 +0000

Czy jest możliwość uzyskania stałej szerokości linii mino różnej skali płótna. Zmniejszenie szerokości linii pomaga, ale nadal rysuje różną szerokość(grubość).

edit: 2) Czy jednak krzywą kwadratową lepiej rysować z dwóch połówek?

CSS Problem z scaleY

Sat, 08 Aug 2020 14:08:54 +0000

Mam element w którym są inne elementy(napisy) a chcę ten element rozsunąć po naciśnięciu na przycisk używam do tego scaleY i element się rozsuwa ale razem z tym napisy rozciągają się w pionie nie wiem jak zrobić tak aby ten element jeden się tylko rozsuną a napisy się nie zmieniły to jest ten kod:

 <nav class="navigation-menu-top">
            <section>
                  <p>napis</p>
            </section>
            <section>
                  <p>napis</p>
            </section>
            <section>
                  <p>napis</p>
            </section>
            <section>
                  <p>napis</p>
            </section>
            <section>
                  <p>napis</p>
            </section>
            <section>
                  <p>napis</p>
            </section>
      </nav>

rozsuwam ten element "navigation-menu-top"

i teraz niech ktoś mi powie jak robić to tak aby element navigation-menu-top się rozsuną w pionie a napisy zostały takie jakie są i nic się nie wydłużały?

Jak powiększyć tekst w SFML'u bez utraty ostrości obrazu?

Wed, 05 Aug 2020 19:21:47 +0000

Hej, chciałbym zwiększyć tekst w SFML'u, lecz gdy robię to za pomocą funkcji text.scale(1.7, 1.7) to jakość tekstu staje się tragiczna. Czy muszę szukać i pobierać większą czcionkę? Może jest jakiś inny sposób?

Jaki mam tu błąd? Java script

Mon, 10 Jun 2019 14:43:37 +0000

document.getElementById("przycisk1").style.transform:scale(5);

jaki mam tu błąd

Jak zrobić animację na przykład transform: scale(1,1) z scale(0,0)

Tue, 19 Jun 2018 17:59:55 +0000

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" ></script> 
<script src="index.js"></script>
<link rel="stylesheet" href="index.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Mukta+Mahee" rel="stylesheet">

    
    
</head>

<body>

 
            
 <div id="header" >
     
    <div class="about_me">DARIUSZ HOZER  </div>
    
    
 </div>
 

<div class="main"  >
    <div class="cross_fit" >CrossFit</div>
    <div class="planet" >planet</div>


</div>

</body>

</html>

body{
	width:100%;
	height:500vh;
	margin:0;
	background-color: black;
}


#header{
	
	position:fixed;
	width:100%;
	height:5vh;
	background-color:black;
    z-index: 100;
	
}


.about_me{

width:15%;
height:4.8vh;
text-align: right;
padding-right:1.9vh;
line-height: 5vh;
float: right;
background-color: rgb(12, 8, 8);
font-size:3vh;
font-family: Quicksand;
border-bottom: 0.1vh solid black;
transition: height  0.5s,width 0.5s;
color:white;
}



.cross_fit{

color:white;
font-size:22vh;
font-family: 'Quicksand';
letter-spacing: 1vh;
word-spacing: -1vh;
line-height: 80vh;
text-align: center;
position: absolute;
width:100%;

height:auto;
animation:cross 1s forwards;
}



@font-face

{

font-family: Quicksand;

src:url(font.ttf);

}

@keyframes cross{

0%{opacity:0;}
100%{opacity:1;}



}



.planet{

	color:white;

	font-family: 'Quicksand';
	letter-spacing: 1vh;

font-size: 0vh;
	transform: scale(1,1);
	animation:planeta 0.51s forwards;
	position: absolute;
	width: 100%;
	top:47vh;

	}
	
	
	
	@font-face
	
	{
	
	font-family: Quicksand;
	
	src:url(font.ttf);
	
	}
	
	@keyframes planeta{
	
	0% {text-align:center;transform:  scale(0,0);font-size:0vh;} 
	
	100%{text-align: center;transform: scale(1,1);font-size:16vh;}
	
	
	
	}


function myFunction(){    
    document.querySelector('.planet').style.color="yellow";


    
    }
    
    setTimeout(myFunction, 1000);

Funkcja zmienia po 1s kolor z białego na żółty. Gdy próbuję dodać na przyklad skalowanie czy rotację, to nie działa. Działa tylko zmiana koloru. Dlaczego tak jest ???

Sprawdzona metoda skalowania tekstu do wielkości diva.

Thu, 08 Mar 2018 22:49:49 +0000

Witam, znalazłem wiele metod zmiany skali tekstu w zależności od szerokości oraz wysokości diva - dynamiczna skala. Polecacie którąś konkretnie? Sprawdzoną oraz najprostszą w implementacji. Z góry dziękuje :)