个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我正在尝试在 html Canvas 上绘制这个类似图表的形状:
0
100 .
.
200 . .
.
300 . .
.
400 . . .
.
500 .................................
我看不出我的形状坐标有什么问题:
(0, 500), (0, 400), (100, 400), (200, 300), (300, 200), (400, 100), (400, 500)
HTML/js:
<html>
<head>
<script type="text/javascript">
function drawSteps(heights) {
var y = 500;
var steps = document.getElementById('steps').getContext('2d');
steps.fillStyle = '#C3EDBD';
steps.beginPath();
steps.moveTo(0, y);
var x = 0;
for (var i = 0; i < heights.length; i++) {
console.log(x.toString() + ', ' + (y - heights[i]).toString());
steps.lineTo(x, y - heights[i]);
x += 100;
}
steps.lineTo(x, 500);
steps.lineTo(0, 500);
steps.closePath();
steps.fill();
}
</script>
</head>
<body>
<canvas id="steps"></canvas>
<script type="text/javascript">
drawSteps([100, 100, 200, 300, 400]);
</script>
</body>
</html>
屏幕上没有打印任何内容，但 Canvas 占用了一个 300x150 像素的占位符。
最佳答案
它已绘制，但您的 Canvas 太小，因此您看不到它(默认为 300 x 150 像素)。
将 Canvas 更改为:
<canvas width=500 height=500 id="steps"></canvas>
你会看到结果。
参见 DEMO .
请注意，使用 CSS 调整它的大小将不起作用，因为您的 Canvas 仍具有默认的 300 x 150 像素，但会拉伸(stretch)到您在 CSS 中定义的尺寸。
参见 this demo比较 Canvas 的 HTML 和 CSS 大小。
关于javascript - 如何使用 html canvas 绘制任意形状？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38557664/
26
4
0
我想要以下内容: void foo( /* something representing a function f */, /* arguments a1, a2, etc. in s
简而言之，我想声明一个这样的特征: trait Test { def test(amount: Int): A[Int] // where A must be a Monad } 这样我就可以
在 GWT 中，如何在 onModuleLoad 方法中插入框架集以及相对嵌套的框架集和框架，以合并许多小程序和其他小部件和 HTML？代码片段是: 公共(public)类 MainEntryPoin
这个问题在这里已经有了答案: How do I best simulate an arbitrary univariate random variate using its probability
我对java相当陌生，并且习惯于枚举本质上只不过是一个命名的整数列表。 现在我正在编写一个实现，其中父类有几个采用枚举值作为参数的方法。枚举将在子类中定义，并且会略有不同。由于枚举基本上看起来像类，所
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 6 年前。 Improve this ques
想象一下 6-7 台服务器的设置都完全相同Java 版本“1.6.0_18”OpenJDK 运行时环境 (IcedTea6 1.8) (fedora-36.b18.fc11-i386)OpenJDK
这个问题在这里已经有了答案: What are some uses of template template parameters? (10 个答案) 关闭 4 年前。 我有一个根据策略舍入值的函数
我正在寻找如何在 Java 中给定一个 Async CompletableFutures 列表，以便前 N 个中的任何一个成功完成或失败。除非没有 N 次成功，否则忽略任何失败。 有这方面的例子吗？
我面临的问题是项目已经使用集群编程来分配任务。 if (cluster.isMaster) { // Fork workers. for (var i = 0; i { }); } el
我正在为 Luxology modo(3D 和 VFX 应用程序)编写脚本，该脚本使用 python 作为脚本语言。在我的脚本中的某个位置，我正在读取从其他应用程序输出的文本文件，并从该文本文件的行创
这个问题在这里已经有了答案: Fast arbitrary distribution random sampling (inverse transform sampling) (5 个答案) 关闭
我只是遇到了一个问题，我有一个结构数组，例如 package main import "log" type Planet struct { Name string `json:"
我正在尝试将 class ResponseResult 编码为 json case class ResponseResult (var Code : Int, var
我想将一个矩阵中的一个 block 复制到另一个矩阵的一部分中。要将其与任何类型的 n 维数组一起使用，我需要通过 [] 运算符应用带有偏移量的列表。有办法做到这一点吗？ mat_bigger[0:5
我有一个匹配一组数字和字母的正则表达式。但是我希望能够排除任何三个连续的字母。这是为了防止意外形成单词或缩写。 我的表达如下。它还排除了一些类似的字符，如 0、o、O 和 1、i、I、l): ^[2-
根据documentation . 应匹配任何字符，但不匹配重音字符。 mysql> select 'test' regexp 't.st'; +----------------------+ | '
我该如何用 JavaScript 编写这个 if 语句？ if(url == "http://www.google.com/" && "*") { ... } * 需要灵活并接受添加到第一个变量上
我知道 cPython 有一个 GIL，因此如果不使用多处理模块，您的脚本就无法在多个内核上运行。但是有什么可以阻止内置功能，例如使用多核进行排序吗？我不了解 cPython 结构，但我想我要问的问题
寻找命令行 gdb 的替代方法来检查 OSX 上的核心转储 - 有没有办法让 Xcode 打开带有调试符号的任意核心转储？ 最佳答案 您是否尝试过使用 MachOView 1？ 听起来它可能适用于查看
我是一名优秀的程序员,十分优秀！