html – SVG绝对定位
发布时间:2020-12-14 23:50:28 所属栏目:资源 来源:网络整理
导读:我是第一次玩svg.晚会可能会很好. 我想在我的svg中做一些愚蠢的动画,但我遇到了一些麻烦 这是我的代码片段: http://codepen.io/timbo27/pen/kAKJi div id="logo"svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"g path class="logo-start" d=
我是第一次玩svg.晚会可能会很好.
我想在我的svg中做一些愚蠢的动画,但我遇到了一些麻烦 这是我的代码片段: <div id="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"> <g> <path class="logo-start" d="M59.1,66.6c0.2,0.2,0.4,0.3,0.6c0,0.3-0.3,0.7-0.6,0.7c-0.2,0-0.4-0.1-0.5-0.2l-4.9-3.3c-0.3-0.2-0.4-0.3-0.4-0.6 c0-0.3,0.2-0.5,0.4-0.6l4.9-3.3c0.1-0.1,0.3-0.2,0.5-0.2c0.3,0.6,0.5-0.4,0.6l-4.3,2.8L59.1,66.6z"/> ...... <path class="logo-stop" d="M161.4,63.7l-4.3-2.8c-0.2-0.2-0.4-0.3-0.4-0.6c0-0.3,0.3-0.6,0.6-0.6c0.2,0.1,0.5,0.2l4.9,3.3 c0.3,0.6l-4.9,3.3c-0.1,0.1-0.3,0.2c-0.3,0-0.6-0.3-0.6-0.7c0-0.3,0.4-0.6 L161.4,63.7z"/> </g> </svg> </div> Basicaly我有一个SVG徽标(简单文字) 我给了每个路径一个类,并在一些路径上做了一些最小的样式. 我希望能够绝对定位一些路径. 这可能吗? 谢谢 解决方法
路径没有您发现的x / y属性或样式.
你可以添加一个transform =“translate(x,y)”属性,其中x,y是浮点数,也可能是CSS转换属性,虽然我不确定对SVG元素的CSS转换有多少支持. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |