草庐IT

离散点平滑

全部标签

javascript - 平滑的 svg 路径连接

我有一组随机点,想用raphaeljs创建一个平滑的svg形状。为了连接这些点,我使用了catmull-rom-spline。问题是路径闭合的点不平滑。这是我项目中的示例路径:M125,275R125,325175,325225,325275,325225,275175,275125,275Z我还创建了一个jsfiddle:http://jsfiddle.net/ry8kT/这可以用catmull曲线实现吗?如果没有,能否请您举例说明如何获得完全平滑的形状?非常感谢,麦克法兰 最佳答案 我自己修好了:我没有使用catmullrom样

javascript - 平滑地动画化属性一次更改为 ~3000 个 Raphael 对象

更新问题我已经将其更新为更加简洁......:在这个fiddle中:http://jsfiddle.net/pX2Xb/4/我有一些raphael代码可以在一页上绘制3000个圆圈。然后它会尝试在10秒内同时为所有圆圈设置动画(更改填充颜色),这会导致视觉动画效果笨拙。将圆圈数更改为20以查看更流畅的动画以进行比较。我的问题是(a)我是否可以使对3000个元素的更新更顺畅,以及(b)如果可以,执行此操作的代码是什么样的?一些注意事项:如果有一些方法可以围绕这个进行优化,我愿意花一点时间,但是,例如,无论动画如何,我都希望所有圈子至少更新1.5倍时间设置为。所以,如果动画是10秒,所有圆

javascript - 从 DOM 中删除同级元素时创建 block 元素的平滑过渡

我有一个容器,其工作方式类似于macos中的通知-元素被添加到队列并在特定超时后删除。这很好用,但有一个不和谐的视觉副作用。当它们从DOM中移除时,UI会出现参差不齐的更新,因为堆栈中的下一个元素会填充前一个元素所造成的空白。我希望堆栈中下面的元素能够顺利地向上移动到该空间,最好使用css3,但添加一个transition:all0.5sease-in-out到.notice当其兄弟被移除时,类对该对象没有影响。最小的JS交互:$('#add').click(function(e){e.preventDefault();$('#container').append('Notice#')

javascript - 如何更改离散条形图中整数的小数值

我正在使用离散条形图(NVD3库)在我的站点中显示图表。虽然显示图形一切都很好,但我的问题是如何将小数值更改为整数。y轴中显示的值显示整数值。尽管我使用哪个数组来显示具有整数值的值。我使用的js代码如下nv.addGraph(function(){varchart=nv.models.discreteBarChart().x(function(d){returnd.label}).y(function(d){returnd.value}).staggerLabels(true).tooltips(false).showValues(true).transitionDuration(25

javascript - 我可以使用什么数据结构来存储和检索离散值的范围?

我有一个JavaScript程序,我将在其中管理很多整数范围。在此上下文中,范围只是一个起始值和一个结束值(或任何等效值,如起始值和长度值),以及对另一个对象的引用。范围可以重叠,也可以相同(尽管引用的对象会不同)。可能的开始值和结束值在0到4294967295之间(232-1或0xFFFFFFFF),尽管域中有几个大“洞”没有范围将永远覆盖,甚至部分覆盖。与可能性域相比,大多数范围将非常小:我预计绝大多数的长度将小于2000。对于此结构,我最重要的用例是查找包含给定整数值的所有范围。大多数时候,我预计查找会失败(不会有包含给定值的范围)。否则,我显然还需要向其中添加元素(经常)并从中

javascript - 如何使同步两个 Divs 滚动位置更平滑

我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc

javascript - 如何仅使用 CSS3 将动态创建的元素平滑地添加到 DOM 中?

我的需求很简单,但我找不到合适的解决方案。我创建元素并将它们作为元素列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。每个元素的高度是动态的,因此必须符合CSS规则。我想我必须使用CSSanimations和keyframes,据我所知我不能使用transitions因为有时itisnotrenderedbythebrowser.我不想使用Javascript,所以我更愿意避免使用setTimeout()或jQuery的解决方案。我确信这可以使用现代CSS正确完成,但我仍然需要找到正确的方法。我有一个解决方案的开始(见下文),但是仍然有max-height:10

javascript - 平滑的 Javascript mousemove 类似于 Cubism.js

我很好奇MikeBostock如何能够以如此流畅的方式创建一条跟随鼠标光标的垂直线。如果你看这里http://square.github.com/cubism/,你可以明白我在说什么。看看我刚刚在这里制作的一个简单示例:http://jsfiddle.net/zbfUq/在我的示例中,有很多次该行实际上消失了。他是否正在做某种位置插值以在未记录的两个点之间创建平滑的平移?如果是这样,有人知道如何做这样的事情吗? 最佳答案 我已经为您制作了一个工作示例:http://jsfiddle.net/zbfUq/37/本质上,您已经在onmo

javascript - 使用 Media Source API 平滑表示更改

我目前正在使用JavaScript和MediaSourceAPI开发DASH播放器流媒体工作正常,但我坚持改变表示。在播放期间更改表示的最暴力的方法可能是替换HTML文档中的元素。不过,我想知道是否有一种简单的方法可以使用MediaSourceAPI实现适配(更改表示形式)。我读过单个MediaSource对象可以处理多个源缓冲区,但在添加第二个视频缓冲区后会引发异常。我使用的是Chrome43.0.2357.65mvarmediaSource=MediaSource();varurl=URL.createObjectURL(mediaSource);videoElement.src=

javascript - 使用鼠标滚轮和滚动条平滑垂直页面滚动

我正在玩弄并尝试建立一个视差网站-是的,我知道它们是一种令人讨厌的时尚,但我仍然想尝试一下。因此,为了获得灵感,我一直在查看各种优秀视差网站的示例并发现了这个网站:https://victoriabeckham.landrover.com/INT.它可以使用鼠标滚轮、滚动条和anchor链接进行平滑滚动。我一直在寻找可以实现这种效果的jQuery插件,但似乎只能找到使用内部页面链接的插件-anchor或ID(详见下文)-但不是鼠标滚轮和滚动条。我很有可能使用了错误的关键字进行搜索。有谁知道找到这些插件的正确术语或知道任何可以实现这种效果的插件吗?附带说明一下,我目前正在学习jQuery