首页 文章
  • 7 votes
     answers
     views

    如何通过动画更改Snap.svg中多边形的点?

    我正在尝试实现一个带有某个多边形的按钮,按下该按钮会将多边形更改为其他内容 . 例如,按钮上的播放图标更改为停止图标 . 理想情况下,图标应该是一个多边形,其中三个点描绘了游戏符号 . 在动画之后,它变成一个描绘停止符号的四个点(一个正方形)的多边形 . 我试过这样做: var paper = Snap('svg'); var tpts = [100,100,100,130,120,115]; v...
  • 2 votes
     answers
     views

    使用Snap.svg为多边形中的点设置动画

    我正在尝试使用以下代码为多边形中的点设置动画: var lineWeight = 2.5, startPoints = [25,18,54,24,35,38,42,51,12,34,23,52,25,18], endPoints = [15,38,54,24,35,38,42,51,12,34,23,52,25,18]; var logo = Snap('.logo'); va...
  • 1 votes
     answers
     views

    动画多边形指向snap.svg

    这是我第一次尝试使用snap.svg为多边形点设置动画,我有感觉我在那里做错了 . 这是我的代码: var fdr = Snap('#fdright'); var time1_stp0 = [363.617,262.895, 363.562,367.4, 273.145,315.191, 273.145,315.191]; var time1_stp1 = [363.617,262.895, 3...
  • 1 votes
     answers
     views

    单独为多边形的每个点设置动画

    我有一个网站菜单,由多个多边形组成,用户可以点击它 . 此外,多边形共享一些节点 . 到目前为止一直很好(见下面的代码) . 现在,我想以这样的方式为这些多边形设置动画,使它们在缓慢无限的循环中动态地改变它们的形状 . 为此,我需要单独为每个节点设置动画 . 我想让节点沿着路径(例如一个小圆圈)移动,每个路径以其各自的速度移动 . 有没有办法只使用SVG / CSS?或者我是否需要寻找带有js或s...
  • 59 votes
     answers
     views

    Snap.svg vs Svg.js [关闭]

    我试图为现代浏览器找到一个合适的SVG库 . 我的目标是决定,什么库适合创建简单的在线SVG编辑器,例如 . 文本和路径编辑和剪切文本与路径 . 我找到了两个可能合适的库: Snap.svg 和 Svg.js . SNAP.SVG Github:https://github.com/adobe-webplatform/Snap.svg源代码行:6925 Github Stars:3445Doc...
  • 1 votes
     answers
     views

    SVG viewBox以不同于其他元素的方式缩放某些元素

    客户端要求缩小绘图,所以我将宽度/高度和viewBox添加到SVG元素 . 问题是某些元素的缩放比例不同 . svg的结构是这样的: <svg width="100%" height="100%" viewBox="0 50 700 200"> <defs>...</defs> <g id=&q...

热门问题