如何使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。你有权使用这个功能吗？如果没有，你将不得不想办法传递字体设置。