个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
26
4
我正在尝试使用 Canvas 绘制星星，但代码未运行。我想了解:测量Y和X坐标的步骤是什么？如何找到他们？绘制任何形状？
<html>
<head>
<meta charset = "utf-8">
<title>Drawing Lines</title>
</head>
<body>
<canvas id = "drawLines" width = "400" height = "200"
style = "border: 1px solid Black;">
</canvas>
<script>
var canvas = document.getElementById("drawLines");
var context = canvas.getContext("2d")
canvas.beginPath();
canvas.moveTo(50,50);
canvas.lineTo(120,150);
canvas.lineTo(0,180);
canvas.lineTo(120,210);
canvas.lineTo(50,310);
canvas.lineTo(160,250);
canvas.lineTo(190,370);
canvas.lineTo(220,250);
canvas.lineTo(330,310);
canvas.lineTo(260,210);
canvas.lineTo(380,180);
canvas.closePath();
canvas.stroke();
</script>
</body>
</html>
最佳答案
星星基本上是一个规则的多边形，在内半径和外半径上有交替的点。
下面是一个绘制星形的灵活函数示例。
您可以设置尖峰的位置、#spikes 和内外半径:
示例代码和演示:http://jsfiddle.net/m1erickson/8j6kdf4o/
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" /> <!-- reset css -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<style>
body{ background-color: ivory; }
canvas{border:1px solid red;}
</style>
<script>
$(function(){
var canvas=document.getElementById("canvas");
var ctx=canvas.getContext("2d");
function drawStar(cx,cy,spikes,outerRadius,innerRadius){
var rot=Math.PI/2*3;
var x=cx;
var y=cy;
var step=Math.PI/spikes;
ctx.beginPath();
ctx.moveTo(cx,cy-outerRadius)
for(i=0;i<spikes;i++){
x=cx+Math.cos(rot)*outerRadius;
y=cy+Math.sin(rot)*outerRadius;
ctx.lineTo(x,y)
rot+=step
x=cx+Math.cos(rot)*innerRadius;
y=cy+Math.sin(rot)*innerRadius;
ctx.lineTo(x,y)
rot+=step
}
ctx.lineTo(cx,cy-outerRadius);
ctx.closePath();
ctx.lineWidth=5;
ctx.strokeStyle='blue';
ctx.stroke();
ctx.fillStyle='skyblue';
ctx.fill();
}
drawStar(100,100,5,30,15);
}); // end $(function(){});
</script>
</head>
<body>
<canvas id="canvas" width=300 height=300></canvas>
</body>
</html>
关于javascript - 如何使用 canvas HTML5 绘制星星？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25837158/
26
4
0
在 ggplot 中，我想用星号 ('*') 标记一些误差条以指示显着性水平。该图在 y 轴上排列有类别标签，因此它们很容易辨认。这意味着误差条是水平的，* 需要与它们垂直对齐。但是，符号“*”并未在
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
我正在研究在图像上模拟星星。该图像是按正态分布(均值、标准差)生成的灰度矩阵。现在，给定像素坐标和恒星 SNR，我必须将其作为点源种植在图像之上。有什么建议我如何实现它以使其成为有用的模拟？你能建议代
我正在尝试自定义 RatingBar 的每颗星，使其看起来不同。 当我查看它的源代码时 RatingBar或其父类(super class) AbsSeekBar/ProgressBar ，我无法识别
我想给 RatingBar 中的星星添加阴影。我也想用半星，所以我不能直接在星图上添加阴影。这有可能实现还是我必须创建自定义 RatingBar？ 我使用以下可绘制对象使未填充的星星透明:
我正在尝试绘制一些随机点作为窗口中的星星，但积分没有显示。但其他对象显示正确。 我的源代码: #include #include #include // For math routine
GitHub API 提供了获取按创建日期排序的加星标项目的功能。但是，我找不到获得这个日期的可能性。 响应中仅存在三个日期类型字段: created_at: '2013-06-13T21:10:36
我制作了一些闪烁的随机星星粒子，由于某种原因它无法在 Firefox 上运行，我可以渲染出我的图像，但星星没有渲染。我也没有错误消息。 我把它发送给一个 friend ，由于某种原因，它在他的 chr
我是一名优秀的程序员,十分优秀！