如何在画布上的raw中绘制更多的矩形？
在画布上的raw中绘制更多的矩形，可以通过以下步骤实现：
- 创建一个画布：使用HTML5的canvas元素创建一个画布，并设置画布的宽度和高度。
- 获取画布的上下文：使用JavaScript的getContext方法获取画布的上下文，可以是2D或WebGL上下文。
- 绘制矩形：使用上下文的绘制方法，如fillRect、strokeRect等，来绘制矩形。这些方法接受参数来指定矩形的位置、大小、颜色等属性。
- 循环绘制多个矩形：使用循环结构，如for循环，来重复调用绘制矩形的代码，以绘制更多的矩形。可以根据需要调整矩形的位置、大小等属性，以创建不同的矩形。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>绘制多个矩形</title>
</head>
<body>
<canvas id="myCanvas" width="500" height="500"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
for (var i = 0; i < 10; i++) {
var x = Math.random() * canvas.width;
var y = Math.random() * canvas.height;
var width = Math.random() * 100;
var height = Math.random() * 100;
var color = getRandomColor();
ctx.fillStyle = color;
ctx.fillRect(x, y, width, height);
}
function getRandomColor() {
var letters = "0123456789ABCDEF";
var color = "#";
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
</script>
</body>
</html>这段代码会在画布上绘制10个随机位置、大小和颜色的矩形。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
2回答
这是我的功能步骤
当鼠标向下事件发生时，我将在画布中绘制一个大小为( mousedown .x，mousedown.y,0,0)的矩形
然后启动mousemove，矩形的大小将根据鼠标位置变化。
当鼠标启动时，绘制将完成。
现在，我可以在画布中绘制矩形，但我不知道如何在mousemove中更新矩形的大小
浏览 3提问于2015-07-15得票数 0
如何在画布上使用定制字体？
我在屏幕左侧有定制视图(在画布上绘制)，在屏幕右侧有列表视图。当我触及画布列表时，视图值必须更改。有可能。我的列表视图在活动中，class.And视图在B类中。
我有零碎的弧线。在敲击的时候，我必须知道哪个弧线被窃听了。有什么公式吗。(类似于基于左、顶和宽的矩形，我们可以检查。)
浏览 1提问于2010-10-21得票数 0
我有一个在xml文件中实现的探索栏。我想把这个搜索栏放在一个自定义的可绘制矩形上，这个矩形是我使用画布绘制方法绘制的，我已经将这个类命名为"controlButtons.java"，也就是说，不同的矩形将充当菜单。
我的主要问题是，我应该如何让搜索栏出现在矩形上，而不必让类“扩展线性布局”。
有没有办法将某些东西作为线性布局导入，并将其放在画布上
希望你能帮助me..thanks
raaj
浏览 2提问于2011-02-11得票数 0
2回答
这个的答案实际上是要追溯绘制矩形所采取的步骤：
fillRect
通过这样做：
clearRect
首先，当我读到这个答案时，我想画一个白色的方框，整个画布的宽度和高度。
在详细考虑了Canvas元素如何保存和恢复以及它实现clearRect的事实之后，这是否意味着如果每隔100 an重新绘制一个完整的条形图，那么简单地绘制另一个大矩形就会占用资源。
最初，每100 of绘制一张条形图，将条形图画在彼此之间，这样就无法看到新的条形图，因为它们是分层的。
但是现在，绘制一个白色的矩形，意味着许多矩形正在被绘制，分层，并且看起来画布元素跟踪这些？
这是否意味着可以有效地重载元素，或者使浏览器超载？
浏览 1提问于2014-05-21得票数 2
回答已采纳
3回答
当我使用以下命令绘制形状时：
canvas.create_rectangle(10, 10, 50, 50, color="green")
Tkinter会跟踪它创建的事实吗？
在我正在制作的一个简单游戏中，我的代码让一个Frame创建一堆矩形，然后绘制一个大的黑色矩形以清除屏幕，然后绘制另一组更新的矩形，依此类推。
我是不是在内存中创建了数千个矩形对象？
我知道您可以将上面的代码赋给一个变量，但是如果我不这样做，而只是直接绘制到画布上，它是留在内存中，还是像在HTML5画布中那样只绘制像素？
浏览 0提问于2013-04-06得票数 52
回答已采纳
3回答
如何在Canvas中绘制这样的2D曲线
所有类似的曲线都有mathematical formula或fractals，但画布只有一些方法来绘制简单的形状，如三角形或矩形。我知道大多数曲线都可以分成更简单的形状，比如绘制，但是有没有更简单的方法来用画布绘制2D曲线呢？
浏览 0提问于2012-12-21得票数 1
回答已采纳
假设我有一个100 x 100的矩形，我有一个1000 x 1000的画布。
只要矩形的x坐标不超过999且不小于-100，就可以说在画布上可以看到矩形的某一部分。矩形的y坐标也是如此。
我想知道的是，如果矩形的x或y坐标被设置为使矩形在画布上不可见，canvas api的内部工作是否仍然绘制矩形，或者它是否自动优化并意识到将在画布上绘制的位图将不可见，因此它不会尝试绘制它。
浏览 1提问于2013-06-02得票数 2
回答已采纳
2回答
清洗矩形
、、
我在脚本中有一个在画布上绘制矩形的函数，我想清除在"if“条件下绘制的矩形。我在画布上也有文本(它的坐标是0,80)，它不应该被清除。只有矩形必须清洗。
function red_stroke_2(yy)
{
//Red color edges
context.strokeStyle = "#f00";
context.strokeRect(0,yy,800,40);
}
if (Option1==answers[qnumber])
{
red_stroke_2(80);
}
浏览 0提问于2013-03-09得票数 0
1回答
我知道如何用Android在画布上画矩形。我的要求是在画布上绘制矩形，如下图所示，不使用图像文件(位图)。
我怎样才能做到这一点，谢谢。
浏览 1提问于2014-07-14得票数 0
回答已采纳
2回答
我开始在我的网站上使用html5画布对象，我想在画布上绘制矩形(或根据我的应用程序绘制其他形状)。我可以使用context对象在矩形上写入文本。
我想要做的是在矩形中放置一个div元素。因此，我可以在画布上语义上处理对象，比如在矩形内放置段落和边框等，在对象中存储一些微不足道的数据。这有可能吗？
浏览 0提问于2011-12-06得票数 3
回答已采纳
假设我在画布上画了一个矩形。当然有某种内置的方法来获得XY坐标和矩形的尺寸？但在谷歌上搜索后，我什么也没找到。为了澄清，我说的不是画布元素本身的坐标，而是绘制到画布上的形状/图像。
任何帮助都是非常感谢的。
浏览 1提问于2013-01-19得票数 1
1回答
如何等待画布上的点击
、、、
我想在我的节目中加入一个“暂停”。基本上，每次我调用我的wait()函数时，都不应该发生任何事情，直到我单击画布。
Drawrectangle(a,b,c,d)
waitforclick()
drawrectangle(e,f,g,h)
第一个矩形将被绘制，第二个矩形将在我单击画布之前不会绘制。谢谢你的帮助。
浏览 2提问于2015-03-21得票数 1
回答已采纳
任务
在您的页面中有一个画布，<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
回答已采纳
发生鼠标单击事件时，会在画布上添加一个矩形：
canvas.on({
'mouse:down': function(options) {
canvas.add(new fabric.Rect({
left: options.e.clientX,
top: options.e.clientY,
fill: 'red',
width: 20,
height: 2
浏览 3提问于2018-05-23得票数 0
1回答
我从canvas.drawPath() (画布画布)方法中调用视图来绘制路径。它在路径上画了一条线。在我的示例中，我将使用Path.addRect(RectF，Direction.CCW)在路径上绘制矩形。它工作得很好，但它用线画了一个矩形。所以显示了两个矩形之间的线。我只想从路径中删除直线，只绘制矩形。有没有办法从路径中移除线？
浏览 2提问于2013-07-23得票数 0
4回答
我正在开发一个WPF MVVM应用程序。它有一个从画布继承的自定义画布类。有一个窗口，其中一个定制画布放置(使用XAML)，它的背景颜色设置为Transaparent。使用DrawingVisuals将图形绘制到画布上，绘制基本形状，并将它们作为视觉子元素添加到可视化树中。这样可以将我的形状呈现到屏幕上。
我在后面的窗口代码中向画布中添加了一个鼠标向上事件。当我单击画布上的任何位置时，除了画出的视觉线或填充形状的彩色区域外，都会引发火灾。要明确：
如果我单击绘图形状的外部，即在画布的背景上它会触发。，如果有一个未填充的矩形，并且我单击里面的空白区域，则鼠标向上开火。，如果我单击矩形的边框，它不
浏览 0提问于2012-03-27得票数 2
回答已采纳
1回答
我正在开发一个带有Java和SWT的GUI应用程序。
我已经创建了一个带有画布的主窗口，我在其中加载了一个图像(这是一个转换为图像的PDF页面)。
我已经在画布上附加了一个PaintListener，当我将鼠标拖到画布上时，我能够绘制一个矩形。
当我释放鼠标左键时，我想要一个对话窗口出来“精细设置”矩形区域，所以我制作了一个带有4个微调器(x，y，width和height)的对话框。
现在，我想单击微调器，画布重新绘制更改后的矩形区域。
我尝试将画布对象传递给对话框窗口，并将第二个绘制侦听器附加到它(因此我有一个来自MainWindow.java的绘制侦听器和另一个来自Dialog.java的
浏览 0提问于2015-09-28得票数 0
3回答
我的任务是在画布上做裁剪，我已经完成了所有的逻辑，但还有一个要求还没有完成，即在选择裁剪区域时绘制一个虚线矩形，如下所示：
strokeRect(x, y, width, height)
如何绘制虚线矩形？
浏览 6提问于2011-12-30得票数 11
1回答
画布布局不能正常工作
、、、
我使用OnDraw method.This在画布上绘制矩形来创建地图，在三星s2上效果很好，但当我将其安装在s3中时，画布似乎太小了。我该怎么办？
我已经使用了曲面视图来绘制矩形。
浏览 6提问于2012-10-20得票数 0
我在一个html5项目中工作。其中我画了多个形状(例如，线，矩形，圆等)作为单独的画布。
简而言之，我有一个画布，在上面加载了我的文档，当我绘制任何形状时，我都会为那个特定的绘图创建一个新的画布。但我遇到了缩放绘图的问题，因为我们有HTML5方法来缩放画布中的绘图。
即
ctx.scale(zoom_value,zoom_Value);
我也想用画布缩放绘图。
提前谢谢。
浏览 0提问于2012-08-16得票数 0
3回答
有没有可能通过画布指向图像？我能够使用画布绘制矩形或线条到我的位图。但问题是从可绘制的文件夹中插入图像，而不是指出矩形或圆形。这是不是可以做到。我是这个话题的新手，如果有什么问题，请让我知道。
浏览 0提问于2013-05-09得票数 0
回答已采纳
1回答
我试图在画布上绘制许多编辑文本，每次当用户在画布上使用ondraw绘制矩形时。这有可能吗？而不必在xml文件中添加edittext？此外，我还尝试在java文件中这样做，而不是在活动中。请多多指教谢谢。
当前绘制矩形代码如下：
for (RectF rec : rects) {
if (rec.height() != 50 ) {
canvas.drawOval(rec, paintColor);
} else {
canvas.drawRect(rec, paintColor);
}
浏览 1提问于2014-03-03得票数 0
2回答
我一直在努力让这段代码正常工作。基本上，我希望用户能够在画布内的任何位置单击，而单击点的坐标将是绘制矩形的位置。然而，我的代码将矩形放置在画布上完全意想不到的点上。我检查了Firebug中的值，根据我在画布中单击的位置，它们似乎是准确的，所以我不确定为什么矩形没有在正确的点上绘制。也许还有一些我看不到的其他错误，所以任何帮助或意见都将不胜感激。我已经在下面发布了相关的代码。
我还应该注意到，canvas元素在div中，id='container‘。
$('#container').click(function (e) {
var offset=$(this)
浏览 0提问于2015-07-24得票数 0
1回答
我正在尝试找出在wpf中绘制矩形的最好方法。当用户单击缩略图中的某处时，用户单击的区域应标记为半透明的矩形。这很简单。我只是在放置在BitmapImage上的画布上添加了一个不透明的矩形。问题是，当用户多次单击同一区域时，会在之前的矩形上添加一个新的矩形，并且由于半透明，合并后的矩形将变得更暗。请看下图：
所以，我的问题是:我应该如何绘制矩形来防止这种行为？无论用户单击一个区域或重叠区域多少次，该区域都将始终具有相同的半透明颜色。
谢谢
浏览 6提问于2013-05-24得票数 1
回答已采纳
1回答
我有一个带有单元格的表格，并想在其中放置一个水平条形图。我想在这个单元格中用矩形绘制这个图表，以避免出现另一个库。
我需要画布来画矩形吗？如何在单元格中放置画布，以及如何在(单元格的)右侧页面创建画布？
谢谢!
浏览 3提问于2016-11-23得票数 0
2回答
因此，我想要实现的是用颜色/填充或clearRect绘制一个矩形，然后将其复制到我正在绘制的另一个画布层。此外，我想设置一个不透明的这一层的背景。
我尝试的是用fillStyle和fillRect设置背景，这样做很好。另外，我可以在没有背景的上画布上用fillRect绘制矩形，然后用drawImage将矩形复制到另一个。
问题是当我尝试用clearRect创建一个矩形并复制它时。正如我注意到的，我只能使用另一个矩形来clearRect。但是，我必须为上面的画布设置一个背景，这是可以的，但是当我把它复制到另一个画布时，它每次都变得越来越暗(当然……)
这怎么可能？
浏览 0提问于2013-07-24得票数 0
回答已采纳
有没有一种方法可以像photoshop这样的离散实体来绘制形状?每个矩形都是一个可以删除、移动、删除的对象，特别是当对象被移除时--我在代码中删除了对象，并且从我所画的JPanel或画布中删除了对象，而不是用画布背景绘制相同的对象，我认为这种方法效率很低。
例如，当我们使用Grahpics2D绘制一个矩形时，我们使用以下命令。
@Override
public void paintComponent(Graphics canvas){
super.paintComponent(canvas);
((Graphics2D) canvas).d
浏览 0提问于2017-11-12得票数 0
回答已采纳
我知道我可以使用这段代码在矩形上画一条线：
paint.setColor(Color.RED);
canvas.drawRect(100, 100, 400, 400, paint);
paint.setColor(Color.GREEN);
canvas.drawLine(0, 0, 500, 500, paint);
画布看起来是这样的：
但是现在我想在矩形下面画一条线，而不交换它们的的绘制顺序，它应该是这样的：
我怎么能这么做？
可以撤销画布上刚刚画的东西吗？
或
画布中有层，我可以指定这些层来绘制？。
浏览 1提问于2017-01-20得票数 0
我正在使用HTML5画布元素，使用JS在上面绘制一些矩形，然后移动它们，更改大小和颜色等。目前我主要使用原生JS，使用jQuery的jCanvas插件在画布上绘制形状。这一切都运行得很好，但我认为代码还可以改进。
目前，我将所有矩形属性存储在常规变量中，例如：
block1Height = 50;
block1Width = 50;
block1Color = '#000000';
block1X = 200;
block1Y = 100;
block2Height = 50;
block2Width = 50;
etc..
我想知道是否有可能只创建一个“块”对象的实例。所以我
浏览 2提问于2011-12-17得票数 3
回答已采纳
是否有一种方法允许用户在JavaFX和/或画布中单独绘制可选择的、可移动的和可重新调整的形状，而我并没有考虑或注意到？
我对JavaFX (实际上是Java)很陌生，我正在尝试设计一种方法，允许用户在窗格/工作区/页上绘制(单击和拖动)多达100个矩形。我也在寻找一种方法，使这个可伸缩，但保持静态比例暂时将是好的。在我的搜索中，我没有发现很多类似的例子，其中大多数只是探索其中的一个选项，但忽略了一些我需要完成的事情。通常，它们会显示预先定义的节点或画布形状，而这些节点或画布形状并不是单独可行的。因此，我试图找到最好的方法来完成这一任务。
绘制形状不是问题，我知道怎么做。它使它们成为工作空间中的
浏览 2提问于2016-06-27得票数 1
2回答
我有一个用Fabric.js绘制的画布，我在其中添加了一组矩形，我想限制这些矩形的边缘作为一个组，不能超出某个区域。
想象一下做一件条纹T恤，条纹是用一系列矩形做成的，我需要把它们保持在T恤的形状上。
我想最好是把整个画布剪成t恤的形状，这样我添加的任何东西都会留在t恤里，但我被卡住了。到目前为止，我只对基本的圆形和矩形进行了裁剪。
谢谢
浏览 2提问于2013-09-16得票数 7
回答已采纳
3回答
我试图在画布图像上绘制多个(最多6个)矩形，而不让它们实际重叠另一个。如何在javascript中做到这一点？我想不出有什么逻辑可以用来解决这个问题。
编辑:
如果在任何一个绘制的矩形内发生鼠标单击，那么我如何才能再次在画布周围移动矩形而不出现重叠？
浏览 3提问于2015-08-03得票数 2
回答已采纳
2回答
画布显示模糊的文本
、、、
我正在尝试使用画布控件绘制一个锐利的矩形，我希望画布背景中加载一个图像，并在前景中加载一些文本。
虽然我能够设置颜色和文本，但它们以某种方式出现在blurred.Is，有没有办法解决这个问题？
我想要应用一个图像作为背景图像为每个画布矩形，我将draw.These矩形将出现在一个div control.So哪里有一个画布矩形我希望它的背景图像被填充的图像I choose.entire div将不会被填充的画布矩形，但只有一半的it.Is有一种方法，我们是否可以有一个图像为所有的画布矩形我将绘制或我需要为每个矩形绘制它？
html：
<div id="divBoard" &
浏览 0提问于2012-10-24得票数 0
我正在创建OCR应用程序，我的想法是在图像上绘制矩形，以创建边界框，从那里我想从图像中提取文本，这样就不需要所有ocr识别的文本。
我有画布和里面的图像和矩形。默认情况下，图像被放置到top=0和left=0，然后拉伸均匀以适合画布，因此顶部和左侧仍然相同。如何将矩形的位置映射到图像上的位置。
由于我在画布上画了矩形，所以我的代码在下面的结果图像上，矩形的顶部是100，左边是300和。但我想得到矩形在图像上的位置。
<Grid Grid.Row="1">
<Canvas
Background="Aquamari
浏览 0提问于2020-11-29得票数 0
我使用<canvas>标签来绘制一些自定义的形状，当我使用Canvas的上下文操作进行正常绘制时，一切都很顺利。 基本思想是绘制一个很长的圆形矩形，然后在其中绘制内容。为了使矩形不被其内部内容覆盖，我首先对矩形进行裁剪，然后在其中绘制内容。 问题:如果矩形的高度小于18000px，一切正常；一旦我将高度设置为大于18000px的值(在我的演示示例中，画布本身被设置为20000px )，画布底部将有一个空部分，似乎部分内容从画布上被切断。 我在下面写了一些想法，但更清楚的是查看基本代码和我复制的在线演示，请查看此处https://bl.ocks.org/hijiangtao/476
浏览 14提问于2020-06-29得票数 0
我在画布上使用“源中”合成渐变面罩，我想要动画的面具形状的拉伸&梯度。下面是复合代码，一个名为drawList的函数
var r = ctx.createLinearGradient(1100, 0, 1200 + stretch,0);
r.addColorStop(0,"rgba(255, 255, 255, 1.0");
r.addColorStop(0.8,"rgba(255, 255, 255, 0.0");
ctx.fillStyle = r;
ctx.globalCompositeOperation = "source-in"
浏览 6提问于2015-09-17得票数 0
回答已采纳
1回答
绘制用于排序可视化器的矩形？
、、、、
我试图在画布上绘制矩形，表示排序可视化器中的项。我真的很难找到一种有效的方法来绘制我的画布上按比例并排的矩形(以我的内容窗格为中心，以边框布局为中心)，以便按不同的算法排序。我做了一些研究，但没有发现任何东西可以指引我走向正确的方向。当排序发生时，如何有效地移动它们？我怀疑每个矩形都是要排序的独立对象，可能只是使用矩形的高度，但是这些对象是如何绘制和移动的呢？如有任何建议，敬请见谅。谢谢!
浏览 1提问于2013-08-04得票数 0
回答已采纳
我正在开发一个用于餐厅餐桌预订的android应用程序。我需要使用坐标绘制动态方块。我曾使用视图类在画布上绘制矩形，但无法使画布矩形可点击。有人能帮我一下吗？
浏览 0提问于2017-01-31得票数 0
我认为这不起作用，因为画布正在绘制向量的位图(而位图不是路径)。
即使它确实有效，位图很可能总是有一个矩形的参照器。
在使用isPointInPath时，有没有办法利用像drawImage这样的工具？
示例：
上面的画布是使用drawImage绘制的，而isPointInPath不工作。
底部画布是使用arc和isPointInPath works绘制的。
编辑**
我在一个画布上画一个圆圈，并使用isPointInPath查看鼠标指针是否在圆圈内(在我的示例中是底部画布)。我还使用drawImage将底部画布“复制”到顶层画布。注意，isPointInPat
浏览 2提问于2011-12-23得票数 2
回答已采纳
2回答
我在我的简单超文本标记语言页面中有一个画布元素，它有几个使用context.fillRect()方法绘制的矩形。我需要与这些绘制的矩形进行交互。
我如何做到这一点呢？如何将onclick或onmouseover绑定到这些矩形？
浏览 1提问于2011-06-23得票数 8
回答已采纳
我试着在画布上画一幅画，就像这样：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("scream");
ctx.drawImage(img,0,0,100,100,0,0,200,200);
画布在200 at的时候是200 at，图像要大得多(但200 at的样式也是200 at)
正如您在中所看到的，画布没有显示图像(我希望看到图像的一部分)。我对drawImage (如的描述)的理解
浏览 4提问于2013-12-13得票数 2
回答已采纳
4回答
我有一个TextView，我想在TextView中的给定单词上放置一个纯色块，例如：
“这是一个文本字符串，我想把一个矩形放在这个单词上”-所以，"WORD“会有一个带有纯色的矩形。
为此，我正在考虑覆盖onDraw(画布画布)方法，以便在文本上绘制一个块。我唯一的问题是找到一种有效的方法来获取给定单词或字符的绝对位置。
基本上，我寻找的是与完全相反的东西
浏览 0提问于2012-11-15得票数 5
回答已采纳
3回答
我正在使用HTML5画布( drawRect )将大量的矩形(~20000)绘制到一个drawRect画布上，每个矩形位于不同的预定位置。我是从循环中做的：
for (var i = 0; i < 100; ++i) {
for (var j = 0; j < 200; ++j) {
context.fillStyle = '#000000';
context.fillRect(i * 8, j * 2, 6, 1);
}
}
这个片段将100个条形绘制到一个800 6px宽的画布中，每个条都是6PX宽的，每个条条都
浏览 7提问于2015-08-08得票数 4
回答已采纳
1回答
在FireMonkey中，将位图绘制到源矩形很简单：
Canvas.DrawBitmap(FBitmap, ImageSrcRect, ImageDstRect, 1);
我是在TPaintBox的画布上这样做的，我想用旋转的方式绘制位图(并进行缩放，因为目标的大小可能与源的大小不一样)。
具体地说：
我有两点
图像应该放置在这两个点之间的中心点下面。
图像应该按照两点之间的角度旋转。
如图所示：
左边是我现在能做的，右边是我想做的。
做这件事最好的方法是什么？
我试过的
为了保持现有代码的简单性(例如，绘制到目标矩形，从而缩放结果)，在调用现有的DrawBitm
浏览 2提问于2016-01-03得票数 5
回答已采纳
假设我在html画布上画了一个矩形：
draw.rect(x, y, w, h, color); // color red
在绘制矩形之后，我将在相同的画布上画一个圆圈：
draw.circle(x, y, d, color); // color green
我必须随机生成圆的坐标。
两个绘图函数都在一个循环集间隔内，以及一个清晰的画布函数中。
，我想知道是否有办法确保我不会在矩形上画圆圈。
在正常情况下，很容易，只需记住矩形的最后一个坐标，并为圆圈选择不同的坐标--但由于其他原因，我不能这样做。
是否可以检查画布上所画的矩形的颜色，并确保圆圈不会在该颜色上绘制？
我知道如何分析背景图像的颜色
浏览 7提问于2013-08-27得票数 0
回答已采纳
我想在安道尔的字母( any，0-9)中裁剪一幅图像，有什么想法吗？
这里是我正在寻找的一个例子，但是他使用了java的api(我正在寻找Android)，而且它太慢了。
在谷歌和阅读了一些安卓文档后，我们发现我们可以使用canvas.clipPath(path)为画布指定绘图区域，然后我可以在画布上绘制一个矩形图像，并且只有在剪裁区域绘制的图像才是可见的，希望:)
所以，现在我可以在小矩形中裁剪图像，并在文本路径上绘制矩形，可以获得给定字体的字母表轮廓吗？
浏览 3提问于2012-01-23得票数 2
在我的应用程序中，我可以在触摸事件中在画布上绘制一些东西。
但问题是，一次可以在触摸事件内绘制单个项目。意思是如果我把lineto()和moveto()放在一起，它就会画线条。如果给定了addCircle() ll，则循环drawn.and也适用于矩形和椭圆。
但我想给出不同的按钮。默认情况下，将绘制线条。如果我按下Circle，则会绘制圆，如果按下Rect按钮，则Rectangle将使用相同的触摸事件在画布上绘制。
所以我想知道我将在“触摸事件”下面写些什么，以便它在每次点击按钮时都能正常工作。给我一条路。谢谢
浏览 0提问于2011-08-03得票数 2
回答已采纳
3回答
我需要清除在画布上绘制的矩形，而不损坏现有图像。我可以画小长方形点和清除出来。但问题是，当我清除矩形时，它仍然是图像上的白色小补丁。
有人能告诉我如何在不损坏现有图像的情况下清除图像上的矩形吗？
我使用了以下方法来清除矩形，但没有起作用。
1) context.fillStyle ="white";
2) context.clearRect(xCoordinate, yCoordinate, 10, 08);
提前感谢！
浏览 3提问于2015-07-07得票数 4
回答已采纳
1回答
是否可以在SWI prolog中绘制形状？有print语句，但我还没有找到任何可以让我像javascript画布那样绘制矩形的东西。
这是Prolog在概念上能够做到的事情吗？
我问错问题了吗？
浏览 1提问于2020-05-25得票数 3
1回答
我有这样的代码，可以在画布上绘制矩形：
若要在画布上绘制矩形，请单击图像，然后拖动鼠标。
要重现我的问题，请按照以下步骤操作：
画一个矩形，就像上面提到的一样。
然后单击“添加文本”按钮。
现在尝试绘制另一个矩形，您将看到您的光标与矩形的方式不同。
即使我动态地添加或删除页面上的任何元素，如何使代码工作？
我试过这样做：
var shape = new Shape(mouseDownX - canvasOffset.left, mouseDownY - canvasOffset.top, mouseX - mouseDownX, mouseY - mouseDownY, c
浏览 1提问于2016-12-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
