我有一个画布，我想在上面生成随机矩形。我好像不能让它工作
您好！根据您的需求，我将为您提供关于在画布上生成随机矩形的解决方案。
首先，为了在画布上生成随机矩形，您可以使用前端开发技术来实现。以下是一个基本的实现思路：
- 创建一个 HTML 画布元素：
- 创建一个 HTML 画布元素：
- 使用 JavaScript 获取画布元素的上下文：
- 使用 JavaScript 获取画布元素的上下文：
- 定义一个函数来生成随机矩形：
- 定义一个函数来生成随机矩形：
- 调用函数来生成随机矩形：
- 调用函数来生成随机矩形：
以上是一个简单的实现示例，您可以根据实际需求进行扩展和优化。此外，您还可以使用其他前端框架或库来实现更复杂的功能，例如React、Vue或D3.js等。
希望以上解决方案能够满足您的需求。如果您有任何问题，请随时提问。
相关·内容
我有ZShape，并在画布上绘制它。现在我想在Zshape中随机添加不同的形状(矩形，圆形等)。我需要随机函数，它给我在路径中的随机位置，而不会重叠已经绘制的(矩形，圆形等)任何帮助将不胜感激。
浏览 0提问于2013-07-30得票数 2
我有一个大约600 * 400像素的容器，我想在其中随机放置2到10个随机大小的矩形。
放置它们很容易，但它们不能重叠-这就是我遇到的问题。有没有什么算法可以用来确保矩形永远不会接触或重叠？
我使用的是jQuery和绝对定位的div，没有任何类型的画布或HTML5。
浏览 2提问于2011-08-15得票数 2
我有一个问题，旋转一个矩形，并以某种方式将其放置在画布上。以下是我试图实现的目标：
图片中的大矩形是我的画布。较小的矩形是我想要旋转的矩形。当我旋转矩形(虚线矩形)时，它当然会被裁剪。为了避免这种情况，我想将矩形重新定位在右侧，如图所示。
到目前为止，我是这样尝试的：
Rectangle rect = new Rectangle();
rect.Width = 100;
rect.Height = 50;
int angle = 30;
rect.RenderTransform = new RotateTransform(angle, rect.Width/2, rect.Height/2)
浏览 0提问于2010-07-20得票数 18
回答已采纳
1回答
所以我有一个学校作业，我们必须做一个小程序，用画出的矩形随机抽象出艺术。
这就是应该是什么样子：
📷
这是画布右上角的元素。
现在这个函数必须包括:当你按下'backspace‘时，程序应该在边框内生成一个新的抽象’绘画‘，它应该由15个新的随机大小和随机着色矩形组成。
我们在一个定制的游戏引擎中工作，这是我们老师为我们制作的。它使用C#作为基础。
我基本上把一切都做好了。当我按下backspace时，15个随机矩形正在画布上以随机颜色绘制。唯一的问题是，当我再次按下后退空间时，只会改变颜色，而不会改变矩形。
下面是我迄今编写的代码的pastebin链接：http://pastebin
浏览 0提问于2016-10-30得票数 0
回答已采纳
1回答
var random = new Random();
Canvas.SetLeft(rectangle, random.Next((int)(ImageCanvas.Width - 100)));
Canvas.SetTop(rectangle, random.Next((int)(ImageCanvas.Height - 100)));
return rectangle;
因此，上面的代码只是随机设置将出现在画布上的矩形的顶部和左侧位置。如果我想要在屏幕上显示多个矩形，那么我可以很容易地重用这段代码，但是我遇到困难的是调整代码，这样每个矩形就不
浏览 0提问于2015-02-06得票数 1
回答已采纳
假设我在html画布上画了一个矩形：
draw.rect(x, y, w, h, color); // color red
在绘制矩形之后，我将在相同的画布上画一个圆圈：
draw.circle(x, y, d, color); // color green
我必须随机生成圆的坐标。
两个绘图函数都在一个循环集间隔内，以及一个清晰的画布函数中。
，我想知道是否有办法确保我不会在矩形上画圆圈。
在正常情况下，很容易，只需记住矩形的最后一个坐标，并为圆圈选择不同的坐标--但由于其他原因，我不能这样做。
是否可以检查画布上所画的矩形的颜色，并确保圆圈不会在该颜色上绘制？
我知道如何分析背景图像的颜色
浏览 7提问于2013-08-27得票数 0
回答已采纳
3回答
我正在寻找一个声音算法，它会随机地将给定数量的相同大小的矩形放入一个较大的矩形(画布)中。
我看到了两种方法：
创建一个空数组，该数组将包含已放置在画布上的矩形。从空画布开始。在循环中，随机选择一个位置来放置一个新的矩形。检查数组是否有一个与新矩形重叠的矩形。如果没有，则将新矩形放入数组并重复循环。否则，选择一个新位置，然后再次运行检查。诸若此类。我认为这可能永远不会终止(理论上)。我不喜欢它。
使用网格并将矩形随机放置到单元格中。这看起来仍然像是网格布局。我也不喜欢。
有什么更好的方法吗？“更好”的意思是比网格方法更有效率，或者更直观地“随机”。在任何方面都更好。
浏览 2提问于2012-03-08得票数 3
回答已采纳
2回答
我有一个包含在图像中的画布元素(画布具有与图像相同的尺寸)，我想使用选择矩形来裁剪此图像！对于我的项目，我使用javascript的框架JQuery，并且我正在搜索一个在画布上实现自定义选择矩形的插件！有没有人知道有一个插件可以做到这一点(我创建了很多插件来实现这个功能，但只在元素上实现)？如果没有，在画布元素上实现自定义矩形的方法是什么？
我希望在你的答案中！
浏览 0提问于2012-02-01得票数 0
回答已采纳
3回答
我希望在画布上画一个矩形，但要拉伸起点。但是如何擦除在此过程中绘制的先前矩形呢？我的意思是，如果我的背景颜色是红色，我想在它上面画一个黑色的矩形。在删除橡皮筋过程中绘制的中间矩形时，我希望保留背景。
浏览 1提问于2011-11-30得票数 0
2回答
我有一个长方形，我想在上面显示分数。我希望文本是在这个游戏对象上，所以我把画布设置为世界空间，而不是屏幕空间(覆盖)，这是默认的。我改变画布的大小&文本，并将它们放在矩形的前面。
在这里，您可以看到矩形前面的文本对象：
这是游戏视图--这里应该有一些可见的文本，但是没有：
这是层次结构-灰色矩形是最外层的对象。当我作为子元素添加文本组件时，它的转换被更改为RectTransform。
浏览 9提问于2017-09-30得票数 0
回答已采纳
2回答
在我的AWT画布中，我想在坐标(0.5，0.5)处画一个矩形。不幸的是，fillRect()方法只接受整数。我被迫抛出我的浮点变量来让它运行。
是的:因为画布坐标是以像素为单位的，所以0.5并不重要，因为你不能有半个像素。然而，当我缩放所有的东西50，我可以很容易地知道矩形不是我想要的地方。
如果你打算回答“为什么你想把所有的东西都放大”，我想把我的物理引擎坐标转换成画布坐标。例如:在大小为600x600的画布上，(1，0)在世界坐标下的实体应该是(400,300)。这并不重要，但我非常希望有一种方法来制作浮点矩形。或者一个更好的方法来转换坐标。
提前感谢！
浏览 21提问于2014-05-22得票数 2
回答已采纳
2回答
我使用标准的Android画布和黑色作为背景。我想让它随机产生白色矩形，并垂直和水平移动它们。
我希望这个问题是明确的和可行的。
浏览 1提问于2015-01-20得票数 0
3回答
我想在一个矩形中随机放置一些点。
产生随机x，y坐标，这不是一个好主意，因为很多时候，点主要分布在同一区域，而不是覆盖整个矩形。
我不需要非常快的算法，也不需要最佳的覆盖位置，只需要在一个简单的游戏中运行，产生随机(x，y)，覆盖几乎整个矩形。
在我的特殊情况下，我试图生成一个简单的天空，所以我的想法是在天空长方形中放置近40/50颗恒星。
有人能给我指点一些常见的算法吗？
浏览 2提问于2018-07-22得票数 3
回答已采纳
2回答
如何使用javascript在QML中创建这样的东西？
实际上，我知道如何在QML中创建矩形，但我想这样做。QML画布可以是任意大小的，但是每当加载QML部分时，就会生成多个平方，其大小和颜色都是随机的，没有重叠。当我尝试这样做的时候，矩形是以列表形式生成的。我是一个web开发人员(面向rails的ruby on rails)，但对这种javascript的东西还很陌生。任何帮助都将不胜感激。
浏览 11提问于2016-02-03得票数 2
回答已采纳
任务
在您的页面中有一个画布，<canvas id="pdfCanvas">为现有的画布创建一个织物画布，new fabric.Canvas("pdfCanvas");有mouse.down，mouse.up，mouse.move方法来启用在上面的画布"pdfCanvas“中的绘制矩形呈现pdf，现在使用PDF.js浏览器显示呈现的pdf现在在PDF上绘制矩形，它隐藏呈现的画布，但它确实绘制对象。
问题
下面是查看问题的小提琴：-运行上面的 -您可以看到织物矩形隐藏在呈现的pdf后-单击pdf画布区域查看fabric对象。
浏览 1提问于2016-11-18得票数 4
回答已采纳
1回答
我有一个画布，我可以画，调整大小和移动矩形。
我正在寻找一种算法，以防止重叠和启用捕捉我正在编辑的矩形与其他矩形。
我尝试了不同的方法，但我不能让一种方法正常工作。
我所有的方法都是基于一个简单的循环来检查我正在编辑的矩形(E)和其他矩形( on )。
防止重叠不是问题，我的问题是捕捉，因为它可以在迭代O时修改E。
例如，如果我将E移动到O1附近，它将与之对齐，但此对齐可能会与O产生重叠，重叠将不会被选中。
在我开始做一些递归或太天真的事情之前，我想知道是否有人知道更好的方法。
浏览 1提问于2010-10-03得票数 1
回答已采纳
1回答
在HTML5画布中，是否有向矩形添加滚动条的标准方法？我想将一个垂直滚动条添加到一个矩形中，该矩形包含比画布更长的项目列表。有做这种事的图书馆吗？或者，这是我自己必须想出来的东西。
浏览 5提问于2014-03-07得票数 1
回答已采纳
1回答
我试图创建一个带有html画布标签的加载栏。
我可以创建画布和条形(矩形)和所有的工作，但我似乎不知道唯一的事情，似乎是如何更新条的绿色。
我试过用一个按钮来调用这个函数。
function drawbars(ctx){
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
}
但这没什么用。
然后，我想在每次必须画一个条子的时候清理画布，然后我就找不到方法为每一个加载的百分比画出合适的条形图。
这就是我现在拥有的..。
用这样的100个矩形绘制画布的-a函数工作得很好。
for (var n = 0; n &
浏览 0提问于2014-06-11得票数 0
回答已采纳
1回答
我需要让一个矩形随机出现在画布的某个地方，然后它需要随机出现在一个新的地方，但我有一个问题，它出现了一个新的，但以前的矩形停留在它的开始，然后有这么多的矩形在画布中，我只需要一个，这是我做了：
function rectangle(x,y){
var ctx
ctx.beginPath();
ctx.rect(20, 20, 15, 10);
ctx.stroke();
}
function randomMove(){
var myVar;
var x;
var y;
x = Math.floor(Math.rando
浏览 1提问于2021-04-07得票数 0
回答已采纳
1回答
我有一个带有单元格的表格，并想在其中放置一个水平条形图。我想在这个单元格中用矩形绘制这个图表，以避免出现另一个库。
我需要画布来画矩形吗？如何在单元格中放置画布，以及如何在(单元格的)右侧页面创建画布？
谢谢!
浏览 3提问于2016-11-23得票数 0
2回答
首先，我来解释一下上面的图片。图像标记为1、2和3。
1-这是矩形形状。
2-这是矩形形状。
3-这是圆的形状(使用目标绘制-在全局复合操作中)。
使用HTML5画布绘制每个形状。
现在我想在WebGLRenderer中使用threejs进行相同的绘制。那么画画是可能的吗？如果是，那么是如何实现的？
第三个形状可以是任何形状(例如前圆形、矩形、多边形)。
有什么建议吗？
浏览 0提问于2015-07-10得票数 0
1回答
我正在使用KineticJS。我有一个画布，上面有可拖动、可调整大小的图像(代码刚刚从复制过来)。可拖动、可调整大小的图像在一层上，而我在另一层上有一个矩形。矩形图层在顶部。矩形是透明的(无填充)。
当我在矩形下面拖动图像并再次尝试单击图像时，图像当然不会移动-因为它不在顶部。矩形在顶部。然而，我想点击“通过”透明矩形，并继续作用于下面的图像。换句话说，当您单击并拖动时，我希望它看起来好像矩形不在那里，但我希望矩形显示在顶部。
这是一个演示：将图片拖到矩形下面，你会发现你不能再抓取它了，因为它在下面。我完全知道这不是“不起眼的javascript"，即javascript是嵌入在htm
浏览 2提问于2013-04-21得票数 1
回答已采纳
我正在练习物体在移动时留下褪色痕迹的效果。此刻，我正在使一个矩形顺时针旋转在画布的中间，并在每个画布上画一个低不透明度的矩形，产生一个很好的褪色痕迹。
问题:只有当我使用rectMode(角)时，衰落路径才会完全消失。我应该指出，不提及rectMode默认为角。这是不可取的，因为矩形旋转在一个角落，而不是它的中心。
我更喜欢使用rectMode(中心)，但是运动轨迹不会随着这个命令完全褪色。相反，这条小径形成了3/4圆形的实心，完全不透明的颜色。
我试图包括一个奇怪的3/4运动轨迹圈的截图，但我被告知，我缺乏必要的声誉。
这太奇怪了，好像是个虫子。
有什么想法吗？
int shapeSize
浏览 0提问于2014-02-18得票数 2
回答已采纳
1回答
我正在使用html5画布，并用以下代码在画布上绘制矩形。
function drawRectangle(mouseX,mouseY)
{
ctx.beginPath();
ctx.rect(25,25,100,100);
ctx.fill();
ctx.stroke();
}
我在画布上得到了矩形，但问题是在矩形内，多条线将作为边界出现。我不想要这些线。请推荐我。
浏览 5提问于2014-08-25得票数 0
1回答
我想在P5js画布中放置一个文本(和其他一些东西)。我传递了坐标50，50，但文本放错了位置，正如您在彩色条形图中看到的那样。
另一个例子是当我想要将屏幕平移到一个特定矩形的中心时，当我试图使用画布宽度在它经过某个点后跟随它时。
我的画布宽度是1000。
当我在计算中使用450时，我的居中效果很好，但当我使用width/2时，它不起作用。
我如何才能让P5js相应地显示我的画布，或者一般的问题是什么？
function setup() {
createCanvas(1000, 700);
}
function draw() {
// Some other stuff
浏览 1提问于2019-05-17得票数 0
经过一些研究后，我只看到了将图像拟合到画布的示例。有没有可能让它变成另一种方式，为画布创建一个图像源，这样当我加载图像时，画布基本上是加载的图像，并根据图像的比例和尺寸调整大小？ 我需要的是在图像上绘制矩形。矩形的位置和大小对我来说很重要。 我正在使用FabricJS。
浏览 92提问于2019-01-19得票数 0
回答已采纳
1回答
我有这些ICs的图像，在上面我必须做一些图像处理。我能找到这些图像的轮廓。但有时这些集成电路是随机旋转的。我如何把它们直成一个正常的矩形呢？
下面是一些我检测到的轮廓图像：
会很高兴，如果有人能让我开始如何旋转这些图像回直矩形/方块。(预先谢谢:)
浏览 8提问于2017-03-18得票数 2
回答已采纳
2回答
我开始在我的网站上使用html5画布对象，我想在画布上绘制矩形(或根据我的应用程序绘制其他形状)。我可以使用context对象在矩形上写入文本。
我想要做的是在矩形中放置一个div元素。因此，我可以在画布上语义上处理对象，比如在矩形内放置段落和边框等，在对象中存储一些微不足道的数据。这有可能吗？
浏览 0提问于2011-12-06得票数 3
回答已采纳
我有一张画布，我想在上面画几条线。效果很好。但我也想移动线条，当画布的大小改变到一个新的位置。所以我在每一行中都添加了一个均匀的Size_Changed
liMonth.SizeChanged += LiMonth_SizeChanged;
但是，当我更改父窗口的大小时，会触发画布的Size_Changed事件，但不会触发该行的Size_Changed事件。
当大小发生变化时，如何使画布触发其子事件的size_changed事件？
我对一个矩形也有同样的问题，它也在画布上，但我想这是同样的问题。
浏览 1提问于2016-06-20得票数 0
回答已采纳
这里我尝试创建五个动态矩形，它将被随机地放置在容器上。我做了一个for循环来创建canvas.but，在画布上只有一个矩形，更别提five.why了，其余的四个矩形没有出现在容器上。这里有什么问题，以及如何修复它？
<html>
<head>
<style>
*{margin:0px;padding:0px;}
</style>
<script src="easeljs.js"></script>
</head>
<body>
<canvas id
浏览 2提问于2014-06-09得票数 1
回答已采纳
我希望在画布上随机排列给定大小的一些图像(或为简单起见，矩形)。我还希望这些图像/矩形能够稍微重叠(边缘，边等)，即我不希望任何图像完全覆盖另一个图像。这些图像/矩形与x和y轴平行。此外，我希望图像完全适合画布区域，没有未使用的空白。
我遇到了Bin包装，四叉树等，但这些都不允许重叠。有没有人知道如何实现这一点？或者给我指个正确的方向？
谢谢您:)
浏览 2提问于2013-05-09得票数 1
我试图在1200x1200画布的中心放置一个随机大小的矩形，最小尺寸为200x200，最大尺寸为900x900。然而，我也想设置一个最大面积(900×900最大空间的一半)在长方形，以防止它永远是一个巨大的广场。基本上，我想要创建大的随机矩形，或者类似区域的方形，但绝不是巨大的方块。我有随机矩形部分工作，但不确定如何限制整体面积。
var maxSize = new Size(700, 700); // max size of 900x900 when combined with +200 below
var randomSize = Size.random();
浏览 9提问于2021-12-30得票数 0
希望你一切都好！
我花了整个晚上的时间试图弄清楚如何使用(Math.floor(Math.random())作为HTML元素上使用的.fillRect方法的协调器。
我已经环顾了这个网站，并在网上寻找一些答案，但到目前为止，没有任何建议有效。我目前的方法是基于的。
每次单击按钮时，我都想在画布上的任意点绘制一个20*20 to矩形。除了将从Math方法获得的随机数字输入到.fillRect协调参数之外，一切都正常工作。
这是我的HTML代码和JS代码：
var canvas = document.getElementById("canvas");
var ctx = can
浏览 5提问于2017-09-17得票数 1
回答已采纳
我使用BitmapData.draw来制作图形画布的快照。在画布上发现了一些孩子在随机的位置(包括负位置)。我应该以某种方式定义要拍摄的矩形边界。
例如，视图中有3个节点(画布)：
{10x10, (-5; -3)}
{20x20, (0; 0)}
{30x30, (40; 40)}
在这种情况下，界限应该是(-5；-3) (左上角)到(70；70) (右下)。
是否有一种方法可以根据子元素的布局来定义“真实”元素的大小？
可能是Flex框架中的一些方法吗？
浏览 3提问于2015-06-01得票数 0
回答已采纳
这是我的代码的一部分，我需要它，但我不知道如何使它无限的时间，我如何添加循环？我需要一个矩形，当我加载页面时，它应该出现在画布中的一个随机位置，每5秒就会有一个新的矩形出现在一个新的位置上，矩形的大小总是相同的。
function rectangle(x,y){
var ctx
ctx.beginPath();
ctx.rect(20, 20, 15, 10);
ctx.stroke();
}
function randomMove(){
var myVar;
var x;
var y;
x = Math.floor(M
浏览 3提问于2021-04-09得票数 0
回答已采纳
我面临着ForLoop vs (setInterval，requestAnimationFrame)的问题，下面的代码只是在画布上绘制随机矩形。
我避免通过在这里复制/粘贴整个代码来使这个问题变得更大，相反，我将使用演示发布相关代码
问题是当我用
对于循环绘制50个矩形，我得到屏幕上所有的50个矩形，如下所示，但不是forloop
2.如果使用setInterval或requestAnimation(回调)，就会得到单个矩形。
在第二种情况下，当一个新矩形被绘制时，以前绘制的矩形是明确的，所以最终的o/p作为单个矩形，但是如果我使用for循环，则不会发生这种情况，为什么呢？
我已经用
浏览 3提问于2017-02-02得票数 1
回答已采纳
我有一张长方形的帆布，上面画着一幅画。当用户将光标移动到画布上时，我想要使画布半透明，除了光标周围的一个小矩形外，我想在完全不透明的情况下保留底层图像内容。
所以我的问题很简单，就是如何“静音”画布，除了一个小长方形。
我的第一个想法是在整个画布上创建一个半透明的覆盖层，然后再绘制一个应该完全不透明的矩形区域，但是这会使背景消失，而我想在0.2不透明度的情况下保留它：
var elem = document.querySelector('canvas');
var ctx = elem.getContext('2d');
elem.width = 400;
浏览 1提问于2020-09-13得票数 0
回答已采纳
让我们考虑一下情况:有一个整体的包围矩形(称为Rb)，其中包含许多矩形(称为这个集合SRo)。现在，我想在Rb的边界内随机地放置一个具有已知边界(称为Rn)的新矩形，而不与集合SRo中的任何矩形相交。
我目前的做法是相当残忍的：
生成新矩形的随机x-y坐标
检查Rb是否位于预定坐标处，是否包含Rn。
检查Rn在集SRo内不相交任何矩形。
有谁有更好的主意吗？
浏览 0提问于2010-12-22得票数 5
回答已采纳
我有使用拇指的矩形，可以被拖动。可以通过单击并拖动矩形上的任意位置来拖动它们。
现在，我希望能够在用户在父画布上向下移动鼠标的位置添加一个矩形。当我这样做的时候，我希望矩形能够接收鼠标向下并且能够被拖动。
但是，在我打开鼠标并再次按下鼠标之前，矩形什么也不会收到。
我尝试了previewMouseDown等，我尝试了e.Handled = true等，但它们都不起作用。该事件始终由父画布使用。
在预览上面有没有这样的机制:好的，现在你被设置为点击父画布，然后我添加矩形，哦，但是现在你被设置为点击矩形，所以最终我会让鼠标向下移动到矩形。
浏览 20提问于2017-02-23得票数 0
回答已采纳
1回答
画布矩形背景图像
、、、、
我想在画布上给我的矩形设置背景图像。到目前为止我已经做到了这一点。
var img = new Image()
img.src = //Source of an image.
var newPattern = ctx.createPattern(img, "no-repeat");
ctx.fillStyle = newPattern;
它可以工作，但问题是，它将图像应用于画布，而不是矩形。
当我改变矩形的位置时，图像保持在相同的位置。
谁能建议如何解决这个问题，这样图像就会被附加到矩形上。
浏览 4提问于2016-09-13得票数 0
回答已采纳
我用x和y整数创建了一个矩形，当我触摸矩形并向某个方向滑动时，它们的值就会改变(向右滑动时x增加，向上滑动时y增加，等等)。这个矩形也被渲染到画布上。我有一个游戏循环，它调用update()方法和render()方法。update()方法更新x和y值并创建一个碰撞检测矩形，然后render()方法使用这些值将更新后的矩形呈现到我的画布上。
假设我在游戏循环中绘制这个矩形之前使用了canvas.translate(0，-50)方法。矩形看起来比原来的位置高出50个像素，但是我的x和y值保持不变，所以我必须在渲染的矩形下方滑动，才能让它实际执行某些操作。有什么简单有效的方法来更新x和y，使我的矩形
浏览 1提问于2015-07-17得票数 0
XAML
<Canvas x:Name="cvsBurstImage" MouseLeftButtonDown="cvsBurstImage_MouseLeftButtonDown" Style="{StaticResource BurstCanvasStyle}">
<Viewbox x:Name="vbBurstImage" Style="{StaticResource ViewboxCanvasStyle}">
<Image x:Name="
浏览 1提问于2011-07-21得票数 0
1回答
我想在一张纸上打印一个矩形div，大小与要打印的纸张完全相同。
<div style="width:15cm;height:10cm;border:1px solid #CCC"></div>
但是，当我尝试打印这个div时，它的大小因浏览器而异。
我该怎么做，才能让矩形div完全打印在纸上。
浏览 5提问于2012-12-11得票数 2
3回答
我正在使用HTML-画布元素。
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.fillStyle = "#FF0000";
ctx.rect(0, 0, canvas.width / 3, canvas.height / 3);
ctx.fill();
ctx.closePath();
ctx.beginPath();
ctx.fillStyle = "#FF0000";
c
浏览 0提问于2019-02-21得票数 0
回答已采纳
1回答
重绘画布内容
、、、、
我目前正在我的应用程序中做一个随机闪电发生器类的工作。闪电(扩展视图)是一条随机的蓝色路径，它在一个相位中被揭示，当它被揭示时，它就消失了。我希望闪电能再生并再次显示在画布上(现在，我会控制它的重复频率)。闪电对象类构建它的路径并在画布上绘制一次。现在，我成功地使用invalidate()方法(调用onDraw()方法)创建了一个新的闪电，但是闪电不会显示在画布上。
我能做些什么才能让再生者出现？预先谢谢(：
浏览 4提问于2020-01-08得票数 0
回答已采纳
2回答
我使用JavaScript在我的应用程序中使用canvas。我在画布上画了一个矩形。我想在鼠标的帮助下移动矩形(例如移动滑块)，如何使用JavaScript或jQuery移动那个矩形。
浏览 1提问于2012-04-02得票数 7
回答已采纳
我画了一个带有连续矩形的画布，每个矩形都有自己的线性渐变，但除了第一个矩形之外，我无法在矩形上显示线性渐变。每个矩形都有相同的大小，并且每个矩形都应该有相同的线性梯度。我只能让第一个矩形具有正确的渐变，但其他矩形都没有。其余的都是黑色的。我在网上找遍了，也找不到答案。我哪里错了？谢谢!
这是一支钢笔，上面有我的代码：
现在它又出现了。
HTML：
<canvas id="fabric" width="1020" height="300">
</canvas>
CSS：
canvas {
border: thin red
浏览 19提问于2018-03-03得票数 1
回答已采纳
我有一个1000x600px的画布。我想在画布外产生精灵(但要均匀分布)。检索(-500，-500)和(1500,1100)之间而不是(0，0)和(1000,600)之间的随机值的最佳方法是什么？我知道while循环可以用来生成数字，直到它们在范围内，但这似乎是多余的。谢谢。
浏览 2提问于2012-12-14得票数 3
回答已采纳
1回答
HTML 5画布剪辑非常昂贵
、、、、
我有严重的性能问题，使用画布剪辑()与铬。
。
即使在这种简单的情况下，红色矩形也会闪烁，就好像重绘需要花费太多时间一样，而CPU分析显示剪辑()方法占用了大约10%的CPU。
在我的实际程序中，它达到16%，并不断增加每一帧，直到画布几乎冻结浏览器。
我的剪辑有什么问题吗？
谢谢你的建议，
致以问候。
浏览 2提问于2014-01-16得票数 10
回答已采纳
4回答
我想在画布上填充矩形外的区域。我使用
canvas.drawRect(pTopLeft.x, pTopLeft.y, pBotRight.x, pBotRight.y, paint);
绘制矩形，但不知道如何填充矩形/剪辑的外部。
谢谢，杰夫
浏览 5提问于2011-02-15得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
