HTML画布在绘制后立即擦除矩形
HTML画布是HTML5中提供的一个功能强大的元素，它允许我们使用JavaScript来绘制图形、动画和其他视觉效果。在绘制图形后，如果希望擦除画布上的矩形，可以通过以下几个步骤实现：
- 获取画布元素：首先，我们需要使用JavaScript获取到对应的画布元素。可以使用
document.getElementById()方法，传入画布元素的id来获取该元素的引用，例如：
var canvas = document.getElementById("myCanvas");这里假设画布的id为"myCanvas"，你可以根据实际情况进行修改。
- 获取绘图上下文：获取到画布元素后，我们需要获取绘图上下文来进行绘制操作。通过调用
canvas.getContext()方法，传入"2d"参数可以获取到一个2D绘图上下文，例如：
var ctx = canvas.getContext("2d");- 绘制矩形：我们可以使用绘图上下文提供的方法来绘制矩形。常用的方法有
fillRect()用于填充矩形和strokeRect()用于描边矩形。下面是一个示例代码，用于绘制一个宽度为200，高度为100，颜色为红色的矩形：
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 200, 100);- 擦除矩形：要实现擦除矩形的效果，可以使用
clearRect()方法来清除画布上指定区域内的内容。下面是一个示例代码，用于擦除上面绘制的矩形：
ctx.clearRect(0, 0, 200, 100);综上所述，通过获取画布元素、获取绘图上下文、绘制矩形和擦除矩形的步骤，我们可以在HTML画布上绘制矩形并且立即擦除它。
关于HTML画布的更多信息和应用场景，你可以参考腾讯云的相关产品文档：
相关·内容
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
回答已采纳
4回答
我试图使用桌面画布在整个屏幕上绘制，并直接在上面绘制。问题是我无法清除桌面画布。我已经尝试将canvas.pen.style设置为psNotXOR并在旧图像上绘制，但不幸的是，这不够可靠，在某些情况下仍然存在一些遗留问题。
我需要的是当鼠标悬停在窗口/控件上时，在窗口/控件周围绘制一个选择矩形。
浏览 4提问于2009-11-03得票数 1
回答已采纳
2回答
假设我在画布上创建了一个矩形，就像.
var c = document.createElement("canvas");
document.body.appendChild(c);
var ctx = c.getContext("2d");
ctx.rect(20, 20, 150, 100);
ctx.fillText('hover mouse here', 60, 60);
c.addEventListener('mouseover', function() {
ctx.stroke();
});
然后，当您将鼠标移
浏览 0提问于2015-02-27得票数 0
回答已采纳
2回答
在我的应用程序中，我有一个NSView，我将其用作绘图画布，使用NSBezierPath绘制一些原始形状，如矩形和椭圆。现在我需要使我的画布透明，但我希望我绘制的形状具有与以前相同的不透明度。我很好奇是否有可能做到这一点，如果可能，如何做到？！
编辑：
对于之前糟糕的描述，很抱歉！
我的最终目标是能够在透明的画布上绘制正常的饱和色形状。我所说的透明，是指完全清楚这是否可能。当我绘制形状时，我的视图一直在重新绘制自己，所以即使在这些情况下，我也希望一切都像上面描述的那样。
任何形式的帮助都是非常感谢的！
浏览 1提问于2013-04-23得票数 0
回答已采纳
2回答
我知道如何在画布上绘制路径，以及如何撤消/重做。但现在我想绘制形状(线，圆，矩形)，根据我拖动它们的方式动态调整大小-就像我们在MS Paint中所做的那样。
如果我使用"drawLine"，这条线将永久存在，无法将其擦除并重新绘制到我的新手指位置。与圆相同，因为我希望当我拖动手指时，圆的宽度不断变化。因此，旧的路径必须擦除(保持位图上的所有其他路径完好无损)，而新的路径则绘制在其位置。
我已经为此寻找了很多，但还没有遇到如何做到这一点。也许我用错了关键字，但我不知道。有什么建议吗？
浏览 1提问于2012-07-13得票数 0
回答已采纳
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回答
我试图在画布上画4个矩形，这样画布被分成4个相等的矩形。使用我现在拥有的代码，只绘制代码中的最后一个矩形。
这是我活动中的代码：
protected void onCreate(Bundle savedInstanceState) {
...
setContentView(new MyView(this));
}
public class MyView extends View {
public MyView(Context context) {
super(context);
// TODO Auto-generated constr
浏览 4提问于2015-07-01得票数 0
回答已采纳
2回答
我正在开发html5画布应用程序，在画布上绘制矩形。
画布是格子到中心位置，使用fillRect函数绘制矩形画布相对于其父div是绝对位置。当画布处于原始位置时，它的工作是正常的，但当我旋转画布90/180/270度时，我无法联系点，点击屏幕，在画布上画点。当画布处于原来的位置时，我可以得到点点击屏幕，然后把那个点转到画布上，根据我的翻译位置画矩形。但是当我将画布旋转90/180/270度时，我无法将屏幕点转换为画布点。因此，形状是在奇数/不同位置绘制的，然后由用户实际单击.。
我的问题是：
当画布旋转时，如何将屏幕上点击的点按照其旋转情况转换为画布绘制点。
浏览 1提问于2012-02-27得票数 6
我使用clearRect在HTML5画布上重新绘制矩形。当使用浮点坐标时，clearRect在画布上从我的矩形中留下一个边框。
下面的代码演示了使用整数坐标清除矩形的问题，而使用浮点的矩形则离开边框。
<html>
<head>
</head>
<body>
<script type="text/javascript" >
var canvas = document.createElement("canvas");
canvas.width = 100;
canvas.height = 100;
ca
浏览 5提问于2014-02-20得票数 2
回答已采纳
3回答
我有一张HTML5画布。我正在使用画布库。在空白的画布上，我绘制一个图像，如下图所示。现在我想要创建一个圆形的形状，可以用来擦除图像的部分。图像中的红色圆圈是橡皮擦。
如何在HTML5画布上擦除部分图像？
浏览 12提问于2015-02-10得票数 2
回答已采纳
2回答
我开始在我的网站上使用html5画布对象，我想在画布上绘制矩形(或根据我的应用程序绘制其他形状)。我可以使用context对象在矩形上写入文本。
我想要做的是在矩形中放置一个div元素。因此，我可以在画布上语义上处理对象，比如在矩形内放置段落和边框等，在对象中存储一些微不足道的数据。这有可能吗？
浏览 0提问于2011-12-06得票数 3
回答已采纳
有没有一种方法可以像photoshop这样的离散实体来绘制形状?每个矩形都是一个可以删除、移动、删除的对象，特别是当对象被移除时--我在代码中删除了对象，并且从我所画的JPanel或画布中删除了对象，而不是用画布背景绘制相同的对象，我认为这种方法效率很低。
例如，当我们使用Grahpics2D绘制一个矩形时，我们使用以下命令。
@Override
public void paintComponent(Graphics canvas){
super.paintComponent(canvas);
((Graphics2D) canvas).d
浏览 0提问于2017-11-12得票数 0
回答已采纳
1回答
假设我们在html5画布中绘制了多个矩形：
context.fillStyle='black';
context.fillStroke='black';
context.beginPath();
for(var i=0; i<50; i++)
{
context.rect(i*20,i*20,w,h);
//this is just some random configuration for the rectangles, it doesn't really matter how they are positio
浏览 0提问于2015-10-15得票数 1
回答已采纳
3回答
我有一个简单的HTML5画布示例，可以让用户在画布上绘制路径。有没有办法确定所绘制的路径/形状的矩形边界？(即路径周围的矩形区域的宽度、高度是多少)。
我意识到我可以在绘制形状的同时计算出边界，但我想看看是否有更简单的/内置方法。
浏览 0提问于2011-01-08得票数 7
回答已采纳
1回答
我正在使用html5画布，并用以下代码在画布上绘制矩形。
function drawRectangle(mouseX,mouseY)
{
ctx.beginPath();
ctx.rect(25,25,100,100);
ctx.fill();
ctx.stroke();
}
我在画布上得到了矩形，但问题是在矩形内，多条线将作为边界出现。我不想要这些线。请推荐我。
浏览 5提问于2014-08-25得票数 0
2回答
这是我的功能步骤
当鼠标向下事件发生时，我将在画布中绘制一个大小为( mousedown .x，mousedown.y,0,0)的矩形
然后启动mousemove，矩形的大小将根据鼠标位置变化。
当鼠标启动时，绘制将完成。
现在，我可以在画布中绘制矩形，但我不知道如何在mousemove中更新矩形的大小
浏览 3提问于2015-07-15得票数 0
我只是在学习如何使用HTML5画布元素。我已经成功地画出了矩形，调用了getImageData，操纵了像素，然后putImageData来查看矩形的颜色变化，等等。
现在，我试图将图像加载到画布中，但遇到了问题。在画布的上下文上调用drawImage之后，fillRect只在没有图像的区域中绘制，就像在图像后面绘制矩形一样，即使它是在drawImage之后调用的。此外，putImageData停止工作，即使在包含矩形的可见区域，我的像素操作也不再发生。如果我用drawImage注释掉这一行，它又可以工作了。
我想要做的就是像处理矩形一样操作图像中的像素。有没有什么原因会导致这种方法不起作用？
浏览 1提问于2011-09-22得票数 1
回答已采纳
1回答
绘制连续的矩形
、、
我目前正在开发visual c++ 2008速成版。在我的项目中，我有一个包含图像的picturebox，现在我必须绘制一个矩形，以使用户能够选择图像的一部分。我使用了picturebox的"MouseDown“事件和下面的代码来绘制一个矩形：
Void pictureBox1_MouseDown(System::Object^ sender, Windows::Forms::MouseEventArgs^ e)
{
Graphics^ g = pictureBox1->CreateGraphics();
浏览 3提问于2010-03-19得票数 0
回答已采纳
3回答
当我使用以下命令绘制形状时：
canvas.create_rectangle(10, 10, 50, 50, color="green")
Tkinter会跟踪它创建的事实吗？
在我正在制作的一个简单游戏中，我的代码让一个Frame创建一堆矩形，然后绘制一个大的黑色矩形以清除屏幕，然后绘制另一组更新的矩形，依此类推。
我是不是在内存中创建了数千个矩形对象？
我知道您可以将上面的代码赋给一个变量，但是如果我不这样做，而只是直接绘制到画布上，它是留在内存中，还是像在HTML5画布中那样只绘制像素？
浏览 0提问于2013-04-06得票数 52
回答已采纳
假设我有一个100 x 100的矩形，我有一个1000 x 1000的画布。
只要矩形的x坐标不超过999且不小于-100，就可以说在画布上可以看到矩形的某一部分。矩形的y坐标也是如此。
我想知道的是，如果矩形的x或y坐标被设置为使矩形在画布上不可见，canvas api的内部工作是否仍然绘制矩形，或者它是否自动优化并意识到将在画布上绘制的位图将不可见，因此它不会尝试绘制它。
浏览 1提问于2013-06-02得票数 2
回答已采纳
2回答
画布显示模糊的文本
、、、
我正在尝试使用画布控件绘制一个锐利的矩形，我希望画布背景中加载一个图像，并在前景中加载一些文本。
虽然我能够设置颜色和文本，但它们以某种方式出现在blurred.Is，有没有办法解决这个问题？
我想要应用一个图像作为背景图像为每个画布矩形，我将draw.These矩形将出现在一个div control.So哪里有一个画布矩形我希望它的背景图像被填充的图像I choose.entire div将不会被填充的画布矩形，但只有一半的it.Is有一种方法，我们是否可以有一个图像为所有的画布矩形我将绘制或我需要为每个矩形绘制它？
html：
<div id="divBoard" &
浏览 0提问于2012-10-24得票数 0
假设我在html画布上画了一个矩形：
draw.rect(x, y, w, h, color); // color red
在绘制矩形之后，我将在相同的画布上画一个圆圈：
draw.circle(x, y, d, color); // color green
我必须随机生成圆的坐标。
两个绘图函数都在一个循环集间隔内，以及一个清晰的画布函数中。
，我想知道是否有办法确保我不会在矩形上画圆圈。
在正常情况下，很容易，只需记住矩形的最后一个坐标，并为圆圈选择不同的坐标--但由于其他原因，我不能这样做。
是否可以检查画布上所画的矩形的颜色，并确保圆圈不会在该颜色上绘制？
我知道如何分析背景图像的颜色
浏览 7提问于2013-08-27得票数 0
回答已采纳
我有一个pixi.js的html画布上成千上万的对象，我希望用户能够放大它与通常的矩形选择区域。实现这一点的暴力方式是在每次鼠标移动时绘制矩形，然后重新渲染整个阶段。但这似乎是对CPU的浪费。此外，这在用户界面中非常常见，我怀疑pixi.js中已经有一些函数或插件可以解决这个问题。
如果没有插件:如果我可以在用户按下鼠标按钮时将整个缓冲区保存到某个第二缓冲区，我就可以在顶部绘制矩形，每次鼠标移动时，在绘制矩形之前将第二缓冲区复制回主缓冲区。这意味着我不必在每次鼠标移动时都重新绘制所有内容。但我不认为可以将当前缓冲区克隆到某个指定的二级缓冲区。
另一种选择是在画布上移动一个矩形DOM对象，但是我
浏览 42提问于2017-01-08得票数 2
我有一个HTML div，它用作包含许多对象的画布。
在这个画布中，用户可以用鼠标绘制一个矩形来选择对象。在我的实现中有一个缺陷:如果画布太大并且滚动条出现，拖动滚动条也会绘制一个选择矩形。
什么是区分滚动条上的鼠标和组件上其他任何位置的鼠标的好方法？
编辑:我不是在问如何删除滚动条。我要他们在需要的时候，
编辑:下面是我正在处理的问题：
浏览 3提问于2012-09-06得票数 0
回答已采纳
1回答
滚动HTML5画布视图用于打印
、、、、
我正在HTML5画布上绘制一系列矩形和文本。但这幅画布最终会被印刷出来。矩形是根据纸(帆布)的高度绘制的。
唯一不扭曲文本的画布宽度是300dpi或2400x3300画布。这是很好的打印，但它显然是巨大的屏幕上。
我希望用户在左侧有一个缩小版的画布，它适合父容器的100%高度，并带有滚动条以防止溢出。
我试过div溢出:自动..。这是可行的，但它没有缩放(仍然滚动一个巨大的版本)。因此，基本上，我想为浏览器窗口缩放图像，但是从大画布上做所有的drawing/printing。
浏览 1提问于2013-08-22得票数 1
1回答
我试图在HTML5画布上绘制矩形。我设法在画布上画画，但我需要动态地画。
x，y：在画布元素中矩形位置的坐标。
w：矩形的宽度。
h：矩形的高度。
f：如果是true，则矩形填充时没有边框。如果false，矩形有边框，但没有填充。
var canvas = document.getElementById("c");
var context = canvas.getContext("2d");
var json = [{
"x": "50",
"y": "50",
"
浏览 1提问于2022-09-22得票数 0
回答已采纳
我正在尝试通过在静态图像上设置运动对象的动画来学习Java。我的图像是在画布中绘制的，所有内容都绘制在
canvas.addPaintListener(new PaintListener() {
public void paintControl(PaintEvent e){
//Do Stuff
}
我被困在如何调用计时器来绘制我的“移动矩形”对象。我要把它放在"moving rect“类中吗？
浏览 7提问于2017-07-31得票数 0
回答已采纳
我想知道如何清除带有渲染元素的HTML5画布，或者用纯色绘制它，或者两者都画。
真的，我只想把事情重新安排一下。：清空画布和/或将其设置为纯色的正确方法是什么？，我不确定是否应该删除画布上的特定元素，或者是否只需将其重新绘制为空白。我对画布一点也不熟悉。
浏览 1提问于2015-01-15得票数 2
回答已采纳
我有一个矩形，里面有菜单。我需要这个长方形在游戏中的所有其他物体之上。记住，没有css，只有javascript画布编程。我怎么能这么做？
如果需要有关矩形的任何代码：
ctx.fillRect(0,0,width,100);
我想这就是你需要知道的。
浏览 2提问于2015-03-28得票数 1
回答已采纳
1回答
我有一堆位图，我用2D变换(android.graphics.Camera和android.graphics.Matrix)绘制在画布上。如何在画布上获得位图的大小/位置？大小将是在画布上渲染的位图的边界，位置将是边界的上角/左角的坐标。所有的位图都是没有alpha通道的普通矩形。
浏览 0提问于2011-05-08得票数 5
1回答
我的任务是在画布上画很多矩形，但是它们都有一个旋转的角度，它们必须在画布上旋转。我在寻找这个问题的解决方案时遇到的许多建议都指出了绘制矩形和旋转画布的方法(Canvas.rotate(角度))，但是它可以旋转所有画布，并且只能使用一个矩形。在画布上画许多旋转矩形的最好方法是什么？我想要绘制矩形(单一颜色，与油漆)，但不是位图，因为时间效率和内存。
我目前做的主要方法是创建一堆画布，在每个画布上画一个矩形，并考虑矩形的角度旋转画布。我认为这不是一个聪明的方式，因为有许多画布，我应该为他们每一个创建一个单独的SurfaceHolder，这是一个混乱的.
请注意，对于每个矩形，我有它的所有四个角的坐
浏览 0提问于2016-04-13得票数 4
回答已采纳
tl;dr
显示第二个画布元素意味着用户的触摸丢失-我不希望用户不得不再次触摸屏幕
我正在构建一个HTML5画布游戏(该游戏显示一幅图片，将其分割成拼图块，然后以随机顺序显示这些片段，以便用户将这些碎片重新组合在一起)。
源代码(用于我的开发分支)可以在这里看到：
游戏的一个关键部分是，如果用户单击拼图块，那么所选的部分将移动到拼图中的任何可用空间。如果用户保持他们的点击超过几毫秒，我假设他们想要拖动他们选定的拼图块，而不是它自动为他们移动。
我这样做的方式，是让另一个帆布坐在原来的帆布上。这第二张帆布只用于“拖放”设施。我选择这条路线的原因是，在拖动拼图块时，我需要存储当前的拼图状态，然
浏览 4提问于2012-05-01得票数 1
回答已采纳
2回答
因此，我在<script>部件中创建的"context“变量上使用了此函数getImageData，当我执行某些操作时，例如绘制一个矩形，然后执行ctx.getImageData.data，它将显示我在画布上绘制的矩形的红色值。但是，当我导入图像并将其绘制到画布上，并尝试使用getImageData.data时，我得到的所有结果都是0，这没有任何意义，我不确定为什么它不能正确读取图像。我已经尝试过这方面的教程，但它们都是模糊的，只有片断写在一起。
因此，当我绘制矩形时，它的颜色值显示得很好，但同样，当我绘制图像时，即使没有在画布上绘制矩形，我也无法获得图像上特定像素的值。
浏览 1提问于2011-07-11得票数 2
回答已采纳
我试图找到一种方法在HTML画布上绘制多个元素，然后同时调整它们的所有不透明性。例如，绘制两个重叠的矩形，globalAlpha设置为0.5，因此它们是半透明的。
我看到的是：
我想看到的是：
换句话说，我想画出一组元素，然后一次性调整它们的alpha/不透明度。在上面的例子中，我希望蓝色和红色的重叠部分显示为蓝色，因为蓝色的矩形是第二幅。
我想要这个解决方案适用于图像，形状，任何画布绘画真的。
有人知道如何使用HTML画布来完成这个任务吗？
浏览 2提问于2022-07-27得票数 0
我想知道，当我使用鼠标单击和拖动在HTML5画布上绘制矩形时，如何才能在每次绘制时获得有关宽度和高度的反馈。
浏览 21提问于2016-07-29得票数 0
1回答
如何只在画布内绘制形状
、、、、
我在中有一个形状，如下所示：
<ScrollViewer>
<Border Height="342" Width="470" HorizontalAlignment="Left"
VerticalAlignment="Top" BorderThickness="3" BorderBrush="Black">
<Canvas Background="White">
<Rect
浏览 0提问于2012-04-10得票数 4
回答已采纳
1回答
变换后计算斜边得到想要的结果
、、、、
我写了一个绘图函数来创建等距平面。该函数接受以下参数。
widthIso -平面的等距(斜)边宽度。
heightIso -飞机的等距高度。
imgObj -一个包含模式图像的对象(在这个问题中不重要)
我做了一个JSFiddle让它更清晰：
我的draw函数创建了一个画布，因此我可以使用该画布在主画布上绘制它。(这是预录制)。
该职能的作用如下：
创建一个屏幕外画布。
计算并设置画布大小。
将上下文转换为等距投影。
从imgObj绘制一个填充图像的矩形
当然，由于上下文上的转换，期望等距平面的斜边完全符合所需的长度是有点天真的。我试了很多次，但我不
浏览 2提问于2016-05-08得票数 0
任务
在您的页面中有一个画布，<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
回答已采纳
3回答
在moveTo和lineTo方法的帮助下，我在HTML5画布中绘制了一个多边形对象(比如汽车)。我想重复地在画布中的不同位置绘制该对象(模拟移动的对象)。我的问题是之前绘制的对象没有被清除。相反，在画布上绘制了多个图像。如何解决此问题？
浏览 0提问于2013-06-07得票数 13
回答已采纳
最好的javascript包是什么来绘制不同的形状(圆形，矩形，球体，桌子，...)在HTML5画布上
浏览 0提问于2010-11-30得票数 1
回答已采纳
1回答
这个问题很难解释，但这里是这样的：
我正在制作一个绘制程序，在带有纹理背景的画布上绘制路径。每个笔划都存储为一个路径，当用户在屏幕上移动手写笔时，该路径会更新。当路径更新时，我在画布上调用drawpath。问题是，在每个移动事件中，路径都绘制在画布上的现有线上，因此它上的抗锯齿会使现有线变暗，并使其看起来比预期的更粗、更参差不齐。
我有一个解决方案，我存储较旧的画布(没有活动路径的画布)，并在上面保留另一个透明的画布。我会清除顶部的画布，并在每次移动事件时重新绘制路径，然后将两个画布绘制在一起。但这会使程序变得如此缓慢，以至于路径看起来很糟糕-你可以看出绘图远远落后于手写笔的移动。
有没有办法
浏览 0提问于2011-08-02得票数 1
2回答
我需要采取HTML5画布输出为视频或swf序列。
我在stackoverflow上找到了以下捕获图像的链接。
但是谁能建议我们是否希望输出为视频或png序列的swf？
编辑：
好了，现在我知道了如何捕获画布数据来存储在服务器上，我试过了，如果我只使用形状，矩形或其他图形，它可以很好地工作，但如果我在画布元素上绘制外部图像就不行了。谁能告诉我如何完全捕获画布数据，无论我们是使用图形还是外部图像在画布上绘制？
我使用了以下代码：
var cnv = document.getElementById("myCanvas");
var ctx = cnv.getContext("
浏览 3提问于2011-01-24得票数 14
回答已采纳
6回答
我正在尝试建立一个简单的图形应用程序在WPF C#。其目的是绘制10000*10000个矩形，每个矩形大小为4像素。
我已经修改了画布的OnRender方法来绘制矩形。绘图是针对较少数量的矩形执行的(例如50*50或100*100个4像素的矩形)，但随着我增加no，绘制速度会变慢。长方体。
以下是我的代码：
protected override void OnRender(DrawingContext dc)
{
base.OnRender(dc);
FillCells(dc);
if (_ShowGrids)
{
浏览 1提问于2010-10-25得票数 7
回答已采纳
2回答
在画布中填充一部分绘制的图像
、、、、
我使用drawImage() html5画布的api绘制了一个图像。现在，我想用不同的颜色(单独的框，个人的颜色)填充画上的图像的空白。我该怎么做呢？我使用的是html5画布和jquery。
我想用不同的颜色填充空白，而这些空白不是适当的矩形框。
提前谢谢。
浏览 5提问于2013-09-29得票数 3
回答已采纳
发生鼠标单击事件时，会在画布上添加一个矩形：
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
我希望能够在矩形上按住鼠标，向某个方向移动，松开鼠标，松开鼠标，然后在松开鼠标时，将矩形“弹”到适当的方向。我想要完成这样的事情：
但是在HTML5画布中绘制了一个矩形。我该如何实现这一点？
浏览 1提问于2011-05-26得票数 3
我想用2D绘制一张地图，但不是在带有方形瓷砖的墨卡托投影中绘制，而是用EPSG:4326和矩形瓷砖绘制(因此它将是一个矩形平面图)。
用传单能做到这一点吗？如果没有，是否有一个替代的地图引擎可以用HTML5画布来实现这一点？
浏览 4提问于2013-11-07得票数 0
回答已采纳
1回答
我是html5的新手。我正在尝试创建一个基本的绘画工具。
我想在这个工具中做的是有一个或多个形状(可能是重叠的)，并在不重叠颜色的情况下绘制形状。如果在矩形内绘制了一个圆，并且如果我开始给该圆着色，则即使鼠标在矩形上拖动，也不应绘制该矩形，除非在矩形内开始拖动。
要实现这一点，我应该使用多个画布还是形状？
提前谢谢。
浏览 4提问于2012-02-20得票数 1
回答已采纳
1回答
我从canvas.drawPath() (画布画布)方法中调用视图来绘制路径。它在路径上画了一条线。在我的示例中，我将使用Path.addRect(RectF，Direction.CCW)在路径上绘制矩形。它工作得很好，但它用线画了一个矩形。所以显示了两个矩形之间的线。我只想从路径中删除直线，只绘制矩形。有没有办法从路径中移除线？
浏览 2提问于2013-07-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
