问题标签 [snap.svg]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
snap.svg - 使用 Snap-SVG 跟踪光标
我想知道是否有一种简单的方法可以使用 Snap-SVG 在鼠标光标的位置显示一个小圆圈。我已经浏览了很多 API 参考,但找不到任何东西。我以某种方式期望它是一个简单的功能。
events - Snap.svg 捕获鼠标滚轮事件
我想在一个元素上使用鼠标滚轮事件,但在文档中没有找到任何内容。你有这样的例子吗?
svg - SVG饼图动画
我有一个饼图 svg 图像,它是从服务器获取的。我的工作是使用snap svg将动画应用于客户端的这个饼图。
现在,问题是我是 SVG 新手,我不知道从哪里开始,但我已经成功地为其他图表类型设置动画。
谁能帮我提供一些推荐链接来解决这个问题。我得到了这个link实现了这个。但他们没有解释他们是如何做到这一点的。
可以通过 snap svg for pie chart 实现的任何其他类型的动画也可以帮助我。
编辑我添加了要制作动画的饼图。我试过这段代码:
它不会为饼图的每个部分设置动画,而是将整个图表作为一个整体进行动画处理。
此行不会在小提琴中执行,因为它需要 Snap.js
任何帮助表示赞赏。
提前致谢。
javascript - 可拖动组的子项上的 Snap.svg 单击事件,事件未在触摸设备上触发
http://codepen.io/anon/pen/dpiBs
我有一个组,其中包含两个矩形。红色矩形上有点击事件边界,显示警报消息。父组是可拖动的。
在计算机上,当您拖动红色矩形时,它会移动,并且在拖动结束时,它会显示警报。那没问题。但是在触摸设备上(在 iPad 3 和 iOS7 上测试),您可以拖动这些矩形,但红色矩形上的点击事件永远不会执行。
有什么方法可以在触摸设备上的红色矩形上启用该点击事件?此外,任何关于如何在计算机上拖动结束时摆脱该单击事件的建议都非常受欢迎。
感谢帮助。
svg - 使用 Snap.svg 加载外部文件的正确 SVG 标记
所以这就是交易,我正在用SVG和Snap.svg做一些实验。我有一个使用 Adobe Illustrator 创建的外部SVG文件,logo.svg
这是标记:
我想使用这个例子并探索Snap.svg动画,所以我以这种方式加载它:
但是为了这个工作,我element
必须是 a <svg>
,所以我最终得到 a<svg>
内部 a <svg>
:
不知何故,我填写这有点乱,这是正确的吗?或者有更好的方法来加载外部SVG文件?
javascript - 是否可以在一个 SVG 元素上运行两种不同的动画?
我正在使用 Snap.svg 来制作这个动画。基本上,我想围绕一个点旋转一个元素,但我希望元素在旋转时仍然面向相同的方向。请检查这个http://jsfiddle.net/mabotofu/MpEu4/6/
在此示例中,我需要“TEST”文本即使在旋转时仍保持水平。toransform="rotate()" 已应用于元素,因此我不能在元素上再次使用旋转,但我不知道如何围绕中心点旋转然后旋转文本本身使其保持水平。请帮忙!谢谢
javascript - 在 Snap.svg 中自定义 evtoggle?
我正在尝试使用 Snap.svg 创建一个按钮。我一直在查看codrops 中有关动画 svg 图标的演示和示例。其他一些来源也涵盖了如何做到这一点的基础知识,但我很难过的问题是:有没有办法显式触发动画(我不想将它附加到任何典型事件,如单击或鼠标悬停,而是我想在我的代码中发生某些事情时触发动画,例如当布尔变量设置为 true 时。)?非常感谢您对此的任何帮助。
javascript - 将 Snap.svg JavaScript 文件加载到 Edge Animate
我有一个使用 Snap.svg(Raphaël 的弟弟)创建的功能齐全的交互式 SVG。当我自己测试它时它工作正常,但我尝试使用 yepnope.js 将外部脚本加载到 Edge Animate 文档中,但我收到错误消息:
这是我的 javascript 文件的顶部。我觉得这是一个范围界定问题,但我什至不知道从哪里开始:
svg - 捕捉 SVG。将 rect 变成图像蒙版并插入图像
请有人建议我如何将加载的矩形转换为图像的蒙版?我希望能够在 illustrator 中创建我的 svg 矩形 - 因此在加载 svg 之前设置大小和位置
我认为这可以在以下步骤中起作用。
Step1:将 jpeg 图像添加到 svg Step2:将 rect 和 jpeg 分组 Step3:将 rect 变成蒙版/剪贴蒙版
谢谢大卫
javascript - 如何通过动画改变 Snap.svg 中多边形的点?
我正在尝试实现一个带有某个多边形的按钮,当按下它时会将多边形更改为其他东西。例如按钮上的播放图标变为停止图标。理想情况下,图标应该是一个多边形,其中三个点描绘了游戏符号。动画完成后,它变成一个由四个点组成的多边形(一个正方形),描绘了停止符号。
我试过这样做:
在我调用 sqrFunc 后单击按钮并再次单击它时,我调用 triFunc。我尝试将不同的点数组分配给“点”,因为当我查询 tri.attr("points") 时,我将分配的点作为返回值。但是,尝试像这样分配数组最终会出错。非常感谢有关此问题的任何帮助。