如何使 JavaScript 动画响应？

Question

我正在尝试使这个 java 脚本动画响应：https://codepen.io/lateek35/pen/QbZdEB. This is my website http://gerydi.com/sincera/。

我用过这个，但它只适合框的大小，而不适合整个文本。你有什么想法我该如何解决？字体大小不影响我的文本。

@media only screen and (max-width: 480px) {
    #canvas{
        width: 360px!important;
        font-size: 7px!important;
        margin-top:50px;
    }
}

Answer 1

在您提供的codepen示例中，您可以在writeText函数中更改文本大小：

var textSample = new PIXI.Text(text, { font: '50px Calibri, sans-serif', fill: 'black', align: 'left' });

CodePen Example。您有权使用该功能吗？如果没有，您将不得不想办法传入字体设置。

如何使 JavaScript 动画响应？

How to make a JavaScript animation responsive?

javascript

css

performance

responsive