Animation SVG徽标动画
所以我有一个客户端的标志，我想动画滚动它。让我们假设这个标志是丹尼尔。当用户向下滚动页面时，我希望字母之间的间距扩大，这样就可以得到D A N i E L。Animation SVG徽标动画,animation,svg,scroll,Animation,Svg,Scroll,所以我有一个客户端的标志，我想动画滚动它。让我们假设这个标志是丹尼尔。当用户向下滚动页面时，我希望字母之间的间距扩大，这样就可以得到D A N i E L。 我已经看到了如何使用常规文本实现这一点，但这将是我所说的SVG徽标。我一直在四处寻找，但什么也没找到。还需要对手机友好。有什么建议吗？这其实很简单。您只需要观察滚动事件，然后根据您滚动页面的深度更新元素 我已经使用字母间距表示属性实现了字母间距 window.addEventListenerscroll，函数{ document.getE
我已经看到了如何使用常规文本实现这一点，但这将是我所说的SVG徽标。我一直在四处寻找，但什么也没找到。还需要对手机友好。有什么建议吗？这其实很简单。您只需要观察滚动事件，然后根据您滚动页面的深度更新元素 我已经使用字母间距表示属性实现了字母间距 window.addEventListenerscroll，函数{ document.getElementByIdmytext.setAttributeletter-spacing，window.scrollY/window.outerHeight+em； }; 身体{ 高度：2000px； } svg{ 位置：固定； } 丹尼尔
你好，保罗。感谢您的回复-非常感谢。这正是我想要的——但是如果Daniel不是字体而是SVG客户机徽标，那该怎么办呢？Hej Paul——所以我让它工作了——但这有点像黑客。我最终制作了一个图标字体的标志。它在台式机上运行良好，但在移动设备上不起作用-有什么想法吗？不是根据描述：。什么是不好用的意思？一个问题是，因为字体图标是作为html元素放进去的，所以我不能把它们变成白色——这是它们应该是白色的——而且它在移动设备上不起作用。对颜色有什么想法吗？如果你在元素中添加fill:white，它不会使文本变白？