作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在 5 秒内绘制一个像 M114,100c0,50 100-50 100,0c0,50 -100-50 -100
的 Shape
,该怎么做与拉斐尔·js 一起?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Raphaël · Gear</title>
<style type="text/css">
body{overflow-x:hidden;overflow-y:scroll;width:100%;padding:0;margin:0;background-color:#022d00;}
</style>
<script src="raphael-min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
window.onload = function () {
var paper = Raphael(0, 0, 500, 600);
var path1=paper.path("M114 253").attr({"stroke": "#999", "stroke-width":1});
path1.animate({path: "M114,100c0,50 100-50 100,0c0,50 -100-50 -100"},5000).attr({"stroke": "#999", "stroke-width":1});
});
}
</script>
</head>
<body>
<div id="stroke"></div>
</body>
</html>
最佳答案
取出路径1的一批属性
var path1=paper.path("M114 253")
path1.animate({path: "M114,100c0,50 100-50 100,0c0,50 -100-50 -100"},5000).attr({"stroke": "#999", "stroke-width":1});
或
var path1=paper.path("M114 253").attr({"stroke": "#999", "stroke-width":1});
path1.animate({path: "M114,100c0,50 100-50 100,0c0,50 -100-50 -100"},5000);
对我有用。
关于javascript - 如何用raphael js绘制曲线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4510726/
我是一名优秀的程序员,十分优秀!