- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在我的学校,我正在使用名为 codehs.com 的网站学习如何使用 JS 进行编码。过了一段时间,我学会了用 JS 来绘制图形。有一点我必须创建一个圆圈:
var circle = new Circle(50);
circle.setPosition(100,100);
add(circle);
几天后,我发现了另一个网站,该网站正在教学生如何使用 JS 进行编码。这个网站叫 khanacademy.org 我很感兴趣,看到第一课是画画。我查看了提供的视频,它有不同的代码来制作圆圈。
ellipse(203, 197, 300, 350);
自从我刚开始,我对如何使用JS制作一个圆圈感到困惑。
最佳答案
我是 CodeHS 的创始人之一。 CodeHS 在常规 JavaScript 之上使用自定义 JavaScript 库。可汗学院使用Processing JS,这是一个不同的库(如果您愿意,您也可以在CodeHS上使用Processing)。
您可以在https://codehs.com/docs处查看CodeHS JS库中所有内容的文档。并在 Intro CS in JavaScript 中了解如何使用它当然。
我们设计这个库非常适合学习 - 它为您提供使用面向对象编程的经验,同时使创建和操作像Helicopter Game这样的程序的形状变得简单。 .
此外,您可以通过将此脚本标记添加到您的页面来将该库包含在运行 JavaScript 的 HTML 页面上。
<script type="text/javascript" src="https://static.codehs.com/gulp/3d065bc81d3b7edf21e928ce2c764374a03c5cd6/chs-js-lib/chs.js"></script>
下面是一个完整的 HTML 页面示例,该页面运行 JavaScript 并使用 CodeHS 库来绘制圆圈。
<html>
<head>
<title>Circle Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="https://static.codehs.com/gulp/3d065bc81d3b7edf21e928ce2c764374a03c5cd6/chs-js-lib/chs.js"></script>
<style>
canvas {
border: 1px solid black;
display: inline-block;
vertical-align: top;
}
pre {
border: 1px solid black;
display: inline-block;
width: 400px;
height: 500px;
background-color: #F5F5F5;
}
</style>
</head>
<body>
<h1>Circle Example</h1>
<canvas
width="400"
height="500"
class="codehs-editor-canvas"></canvas>
<script>
window.onload = function() {
var circle = new Circle(50);
circle.setPosition(100,100);
add(circle);
};
</script>
</body>
</html>
关于javascript - Codehs 和 KhanAcademy 使用 JavaScript 的不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39380605/
所以我试图解决这个关于计算 While 循环以及它们何时退出的问题:“你的 friend 午餐时感到无聊,正在爬楼梯取乐。他走上两层楼梯,走下一层,走上两层楼梯,走下一层,依此类推。她需要多少次 wh
所以我目前正在参加我的学校名为 Ap Computer Science in Java (Mocha) 的类(class)。我被困在 4.12.4 阶段。这是练习 在这个问题中,您将设计几个类来代表服
我在类里面花了两天时间试图弄清楚,但我就是不明白其中的一些错误。 我实际上在这个网站上发现了类似的问题,但我仍然不明白。 类(class)名称为 4.12.4 服装店。 In this problem
已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足Stack Overflow guidelines 。目前不接受答案。 我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题,以便
在我的学校,我正在使用名为 codehs.com 的网站学习如何使用 JS 进行编码。过了一段时间,我学会了用 JS 来绘制图形。有一点我必须创建一个圆圈: var circle = new Circ
这是我应该做的: 你的 friend 想尝试做一个字梯!这是一个单词列表,其中每个单词与其前面的单词有一个字母的差异。这是一个例子: cat cot cog log 编写一个程序来帮助你的 frien
我的代码的问题是,它不是用“!”替换“i”,而是添加“!”,保留“i”并删除“i”后面的字母。如何修复我的代码? 这是我现在的代码: my_string = input("Enter text: ")
这就是我应该做的: This program is an extension of your previous ‘Owls’ program. You can find your previous p
这是我应该做的:当您用感叹号代替字母“i”时,单词会更有趣! 编写一个程序,要求用户输入一个字符串,然后打印相同的字符串,并将每个小写字母替换为感叹号。你的程序应该: 将初始字符串转换为列表使用 fo
我一整天都在尝试运行这个 Maven 程序,但无济于事。我不断收到此错误: [ERROR] Failed to execute goal org.codehous.mojo:exec-maven-pl
我是一名优秀的程序员,十分优秀!