如何使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示例 。 你有權使用這個功能嗎？ 如果沒有，你將不得不想辦法傳遞字體設置。