js 代码星星 - Javascript

简介

Javascript是一种广泛用于网页开发的脚本语言，它使得网页更加交互式。它是一种高级、动态类型的编程语言，常用于前端开发，但也可以用于后端开发（如使用Node.js）。Javascript可以被用来创建动态网页、网页应用程序、桌面应用程序等。

特点

• 简单易学：Javascript语法与C语言类似，学习起来相对容易。
• 解释性语言：无需编译即可执行，方便调试和开发。
• 动态性：变量类型不固定，可以随时改变，无需声明变量类型。

示例代码

下面是一个简单的JavaScript示例代码，它将在网页上绘制一个星星。

// 创建画布
var canvas = document.createElement("canvas");
canvas.width = 200;
canvas.height = 200;

// 获取画笔上下文
var ctx = canvas.getContext("2d");

// 绘制星星
function drawStar(x, y, radius, spikes, outerColor, innerColor) {
  var rot = Math.PI / 2 * 3;
  var xCenter = x + radius;
  var yCenter = y + radius;

  var step = Math.PI / spikes;

  ctx.beginPath();
  ctx.moveTo(xCenter, yCenter - radius);

  for (var i = 0; i < spikes; i++) {
    var outerX = xCenter + Math.cos(rot) * radius;
    var outerY = yCenter + Math.sin(rot) * radius;
    ctx.lineTo(outerX, outerY);
    rot += step;

    var innerX = xCenter + Math.cos(rot) * radius * 0.5;
    var innerY = yCenter + Math.sin(rot) * radius * 0.5;
    ctx.lineTo(innerX, innerY);
    rot += step;
  }

  ctx.lineTo(xCenter, yCenter - radius);
  ctx.closePath();
  ctx.lineWidth = 5;
  ctx.fillStyle = innerColor;
  ctx.strokeStyle = outerColor;
  ctx.fill();
  ctx.stroke();
}

// 绘制背景
ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);

// 绘制星星
drawStar(100, 100, 50, 5, "white", "yellow");

// 将画布添加到网页中
document.body.appendChild(canvas);

以上代码使用HTML5的canvas元素绘制一个星星，通过getContext("2d")方法获取画笔上下文，然后使用drawStar函数绘制星星，并将画布添加到网页中。

结论

Javascript是一种强大且灵活的编程语言，可以用于创建各种类型的应用程序。它的学习曲线较平缓，但可以提供丰富的功能。如果你想学习网页开发或增强你的Javascript技能，这门语言绝对值得一试。