[英]How to make a JavaScript animation responsive?
我正在尝试使这个java脚本动画响应: https : //codepen.io/lateek35/pen/QbZdEB 。 这是我的网站http://gerydi.com/sincera/ 。
我用它,但它只适合盒子大小,而不是整个文本。 您有什么想法我该如何解决? 字体大小不会影响我的文字。
@media only screen and (max-width: 480px) {
#canvas{
width: 360px!important;
font-size: 7px!important;
margin-top:50px;
}
}
在您提供的codepen示例中,您可以更改writeText
函数中的文本大小:
var textSample = new PIXI.Text(text, { font: '50px Calibri, sans-serif', fill: 'black', align: 'left' });
CodePen示例 。 你有权使用这个功能吗? 如果没有,你将不得不想办法传递字体设置。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.