js有没有办法干div的弧线轨迹移动

JavaScript019

js有没有办法干div的弧线轨迹移动,第1张

这个跟JS关系不是很大，使用CSS来做的；如果你想让DIV跟随滚动条滚动，那么div的样式应该是 relative 或者 absolute 都可以的，看外层的DIV定位如果你想让DIV在屏幕上固定位置，则用 position：fixed 就可以；具体问题还得看你代码才行；

var path = svgdoc.createElement("path")

path.setAttribute("d","M400 400 L400 300 A400 400 90 0 1 500 400 Z")

path.setAttribute("style","fill:nonestroke:#00fstroke-width:2")

svgdoc.rootElement.appendChild(path)

这个代码是画四分之一个圆，圆环你自己算下坐标，用PATH画，A是画弧线的

path的相关知识，你百度你里面看下，这里就不多说了

可以做一个animation，举一个例子，让一个元素在某一个范围之内，左距离和上距离同时改变。但是，弧线要让两个距离改变速度变化不一致，所以最好一个元素改变上方距离（可以是top也可是margin-top），里面嵌入一个元素改变左边距离。例如，假如你要让横轴均匀变化，纵轴不均匀变化，轨迹为⌒形，可以左变化为{from{margin-left:0px}to{margin-left:200px}}，运动方式设为linear，然后上下变化可以{from{margin-top:100px}50%{margin-top:0px}to{margin-top:100px}}，运动方式设为ease-in-out。由于时间仓促我没有具体实验过，而且表达可能不太清楚，请原谅。