javascript - 如何使 JavaScript 动画响应式？

Question

我正在尝试使这个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;
    }
}   

Answer 1

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

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

CodePen Example 。您有权使用该功能吗？如果没有，您就必须找到一种方法来传递字体设置。