如何使用Phaser3绘制画布元素？
Phaser3是一个强大的HTML5游戏开发框架，可以用于绘制画布元素。下面是使用Phaser3绘制画布元素的步骤：
- 首先，确保你已经安装了Phaser3框架。你可以从Phaser官方网站（https://phaser.io/）下载最新版本的Phaser3。
- 创建一个HTML文件，并在文件中引入Phaser3框架的JavaScript文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Phaser3 Canvas Element</title>
<script src="phaser.min.js"></script>
</head>
<body>
<script>
// 在这里编写绘制画布元素的代码
</script>
</body>
</html>- 在JavaScript代码块中，创建一个Phaser游戏实例。
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
scene: {
create: create
}
};
var game = new Phaser.Game(config);
function create() {
// 在这里编写绘制画布元素的代码
}- 在
create函数中，使用Phaser提供的API来绘制画布元素。以下是一些常用的绘制方法：
- 绘制矩形：
var graphics = this.add.graphics();
graphics.fillStyle(0xFF0000, 1); // 设置填充颜色和透明度
graphics.fillRect(x, y, width, height); // 绘制矩形- 绘制圆形：
var graphics = this.add.graphics();
graphics.fillStyle(0x00FF00, 1); // 设置填充颜色和透明度
graphics.fillCircle(x, y, radius); // 绘制圆形- 绘制线条：
var graphics = this.add.graphics();
graphics.lineStyle(lineWidth, color, alpha); // 设置线条宽度、颜色和透明度
graphics.beginPath();
graphics.moveTo(x1, y1); // 设置起点坐标
graphics.lineTo(x2, y2); // 设置终点坐标
graphics.strokePath(); // 绘制线条- 绘制文本：
var text = this.add.text(x, y, 'Hello Phaser3', { fontFamily: 'Arial', fontSize: '32px', color: '#000000' });- 在浏览器中打开HTML文件，你将看到绘制的画布元素。
这是使用Phaser3绘制画布元素的基本步骤。Phaser3还提供了许多其他功能和API，可以用于创建复杂的游戏和交互式应用程序。你可以参考Phaser3的官方文档（https://photonstorm.github.io/phaser3-docs/）了解更多详细信息和示例代码。
相关·内容
我使用的是Phaser3 JavaScript图形库：https://phaser.io/phaser3 我有一个之前在库之外创建的canvas元素。我现在想使用Phaser 3在屏幕上绘制这个画布元素。作为一个玩具示例，考虑以下代码： const game = new Phaser.Game({
type: Phaser.AUTO,
width: 1000,
height: 1000,
scene: {
create,
},
});
function create() {
// Create a circle
//
浏览 28提问于2019-03-03得票数 0
1回答
出错后重置画布
、、
我在嵌入式设备上的基于WebKit的浏览器中看到以下行为:在向画布绘制时出现错误(我还不确定错误的性质，但有时它看起来像是因为绘制太慢而无法绘制...)，画布本身就会变得陈旧。也就是说，没有更多的绘制命令将影响图像(错误在JavaScript代码中捕获)。
到目前为止，我还不能修复这个错误--我该如何使画布刷新，就像在绘制错误后恢复一样？
浏览 2提问于2013-07-01得票数 0
回答已采纳
2回答
我需要采取HTML5画布输出为视频或swf序列。
我在stackoverflow上找到了以下捕获图像的链接。
但是谁能建议我们是否希望输出为视频或png序列的swf？
编辑：
好了，现在我知道了如何捕获画布数据来存储在服务器上，我试过了，如果我只使用形状，矩形或其他图形，它可以很好地工作，但如果我在画布元素上绘制外部图像就不行了。谁能告诉我如何完全捕获画布数据，无论我们是使用图形还是外部图像在画布上绘制？
我使用了以下代码：
var cnv = document.getElementById("myCanvas");
var ctx = cnv.getContext("
浏览 3提问于2011-01-24得票数 14
回答已采纳
是否可以使用HTML5和其他js库在画布上进行绘图，并将其作为div使用？
我感兴趣的是实现一个框(对于初学者)，它不是由常规css边框绘制的，而是由画布上绘制的形状绘制的。这有可能吗？又是如何做到的？
我在谷歌上找到了paper.js，但这都是关于绘画的。如何在普通HTML (5)中将该绘图作为div使用是我的问题。谢谢
浏览 5提问于2014-02-13得票数 1
回答已采纳
1回答
我试图从一个包含jsxGraphic草图的画布上下载一个视频。我需要设置
JXG.Options.board.renderer =“画布”；
我发现，当渲染器是画布时，由于某种原因，没有绘制点的痕迹。
有什么方法可以用渲染器=画布绘制点的轨迹吗？
谢谢!
浏览 5提问于2022-02-15得票数 0
1回答
我想知道如何调整画布和它的所有图纸的大小，因为屏幕大小的变化。我知道这是100%的可能性，因为这个游戏做(调整您的浏览器大小，它将适合任何比率)。
我是否必须用%绘制我的所有形状，还是每次绘制它们时都乘以%？我可以理解必须在屏幕尺寸改变上重新绘制，但是如何影响画布及其组件？
浏览 1提问于2015-02-21得票数 1
回答已采纳
3回答
在moveTo和lineTo方法的帮助下，我在HTML5画布中绘制了一个多边形对象(比如汽车)。我想重复地在画布中的不同位置绘制该对象(模拟移动的对象)。我的问题是之前绘制的对象没有被清除。相反，在画布上绘制了多个图像。如何解决此问题？
浏览 0提问于2013-06-07得票数 13
回答已采纳
我正在使用javascript绘制到div中的canvas元素，该元素包含在包装器中。画布及其div是通过添加到包装器的innerHTML中动态生成的。目标是允许生成无限数量的画布
<div id="wrapper">
<div id="container"><canvas id="previous"></canvas></div>
<!-- infinite # of container divs & canvases -->
</div&
浏览 0提问于2012-08-24得票数 3
回答已采纳
1回答
缩放后在画布上绘制
、、、、
我正在开发一个在画布上渲染形状的HTML5应用程序。这些形状是由用户使用自由绘图绘制的。
我实现了缩放，多亏了这个答案：
然而，一旦画布被缩放，当用户继续绘制时，线条就会带有偏移量。问题是如何平移这些点，以便在光标下再次绘制直线？
浏览 18提问于2017-02-07得票数 2
回答已采纳
1回答
在画布中绘制文本
、、
我需要在画布中绘制文本，但当前的fillText实现使我需要的许多功能过于复杂(比如能够绘制多条线)。
因为稍后我需要从画布中复制像素，所以必须在画布中绘制它，它不能是画布上的span元素。
能够使其可编辑是一个加分，但不是必需的。
有没有提供高级功能的库，可以在画布上绘制文本？(它必须至少在IE9、火狐、Chrome和Opera上运行)
浏览 0提问于2011-08-17得票数 5
1回答
我正在从let服务器接收图像的一部分，比如说600px x 600px，我正在画布中绘制。 图像的实际大小是600px x 1200px(高度)。 我需要在画布上创建滚动条。在我拖动滚动条后，我会计算我移动了多少像素的滚动条，发送到服务器信息，我将收到图片的其他部分(600x600px)，但滚动。这个机制是由我完成的，但我需要在画布上绘制滚动条。 <b-card>
<div id="image">
<canvas
id="canvasId"
ref="canRef"
浏览 23提问于2021-04-27得票数 1
4回答
我正在使用一个相对较大的画布，在那里可以画出各种(复杂的)东西。然后我想保存画布的状态，这样我就可以在以后快速地将它重置为现在的状态。为此，我使用getImageData并将数据存储在一个变量中。然后，我在画布上绘制了更多的内容，稍后将使用putImageData将画布重置为保存状态时的位置。
然而，事实证明，putImageData非常慢。事实上，它比简单地从头开始重新绘制整个画布要慢，这涉及到覆盖大部分表面的几个drawImage，以及随后的40.000多个笔划和填充的lineTo操作。
从头开始重新绘制大约2000x5000像素的画布需要大约170ms，而使用putImageData则需
浏览 2提问于2010-10-17得票数 39
回答已采纳
3回答
我有一个画布，在那里我需要绘制一个网格，但在子控件后面。我尝试创建一个新的adroner并将其添加到画布，但此装饰器显示在子控件之上。我怎样才能让这个装饰器在画布的孩子后面？我不想在画布的OnRender函数中绘制这个网格...
说明: grid不是一个控件。它是画布上绘制的网格或网。它的创建是为了使position元素更容易。
浏览 0提问于2013-04-22得票数 1
回答已采纳
我有一个HTML div，它用作包含许多对象的画布。
在这个画布中，用户可以用鼠标绘制一个矩形来选择对象。在我的实现中有一个缺陷:如果画布太大并且滚动条出现，拖动滚动条也会绘制一个选择矩形。
什么是区分滚动条上的鼠标和组件上其他任何位置的鼠标的好方法？
编辑:我不是在问如何删除滚动条。我要他们在需要的时候，
编辑:下面是我正在处理的问题：
浏览 3提问于2012-09-06得票数 0
回答已采纳
2回答
作为HTML5介绍的一部分，我正在尝试使用canvas。这构成了作业，但我并不是在实际的课程作业上要求任何帮助。
我试图写一个渲染引擎，但没有运气，因为一旦图像被绘制在画布上，它看起来非常扭曲，而不是在图像本身的正确尺寸。
我制作了一个动画引擎，可以将图像加载到数组中，然后以一定的速度遍历它们。这不是问题所在，我假设这不是导致问题的原因，因为当我在没有动画组件的情况下将图像绘制到画布时，就会发生这种情况。
我认为这是调整窗口大小时图像缩放/倾斜的自然行为，所以我克服了这一点，只需在窗口调整大小时重新绘制整个图像。
我使用的图像是等距的，并且是在像素级别绘制的。这会导致失真吗？在drawImag
浏览 2提问于2011-11-16得票数 0
回答已采纳
3回答
我有一个指令，在屏幕上显示一个画布，然后你可以在上面绘制。我的控制器中有显示/隐藏画布的代码。
<canvas class="gate-canvas" id="canvas" ng-show="showGateCanvas" gate></canvas>
<button ng-click="showCanvas()">Draw</button>
在我的控制器中：
$scope.showCanvas = function() {
//doing some other stu
浏览 4提问于2016-05-12得票数 0
这是我遇到的一个画布应用程序： (我相信它使用的是YUI 2，我以前没有用过它)。它在画布上显示图像，并允许您在画布上调整/移动图像的大小。我想要做的是在画布上绘制的图像的右上角添加一个关闭按钮，并在单击时触发onclick事件(我会显示一个确认按钮，询问用户是否要删除图像)。
这个是可能的吗？如果是这样的话，您能帮助我开始使用这个(资源/链接，用于在画布上绘制的另一个图像的顶部，基本的画布操作等)谢谢!
编辑:解决了渲染的图像将响应单击的部分(仅在右上角)。因此，剩下的唯一问题就是在图像的右上角绘制close按钮。
浏览 4提问于2010-08-05得票数 0
回答已采纳
我想知道在动态创建的画布(即document.createElement(" canvas "))上使用drawImage()与在DOM中创建的画布(即HTML页面上的标签)是否存在性能差异。
我的想法是，drawImage()的“慢”部分发生在它实际上必须向用户显示视觉效果的时候，尽管我可能错了(在这方面找不到太多信息)。
将一组对象绘制到内存中的画布上，然后最终绘制到“主”画布上，比直接绘制到“主”画布上要昂贵得多吗？我觉得拥有多个画布会更好，至少在组织方面是这样。
相关:画布的大小是否会影响性能，如果你只画它的一个子部分？
浏览 6提问于2011-01-24得票数 4
回答已采纳
2回答
HTML5画布和滚动
、、、、
我有一个大小为1024x768的画布元素，其中我画了一个非常大的图像，比方说宽度为>> 1024和高度为>> 768。图像可以用普通的滚动条滚动，这样就可以完全看到。
用户可以单击画布将顶点添加到多边形:每次添加顶点时，都会绘制从新顶点到鼠标光标的一条线。每次鼠标移动到画布上，都会更新画布，以便将这样的线从顶点重新绘制到新的鼠标光标位置。
由于图像很大，重绘非常慢，所以我只想重新绘制当前可见的图像块，或者更好的是，受这一行影响的“子块”。
问题是:如何根据用户滚动图像的数量来检测上下文可见部分的当前topLeft和bottomRight？基本上，我想添加对自定义视图的支
浏览 3提问于2015-01-27得票数 1
回答已采纳
1回答
我想知道如何使用Javascript和画布“绘制”图像(如下图所示)？“画图”的意思是，图像将跟随鼠标，并在每次鼠标改变位置时反复放置自己。
编辑：好的，所以缩小我的问题范围。基本上，我想知道如何使用画布标签“绘制”图像？我将如何“画”一个视频对象？
浏览 4提问于2015-11-05得票数 0
回答已采纳
3回答
如何将画布用作更多画布的画布容器？我是web dev的新手，但我已经尝试过几种方法。我们的目标是有一个画布，上面有许多图像，然后在图像的顶部有一个画布来绘制文本/项目。
<canvas id="canvas1">
<canvas id="canvas2"></canvas>
</canvas>
浏览 3提问于2013-05-31得票数 1
回答已采纳
2回答
我正在开发一个画布应用程序，用户可以在上面绘制各种形状。使用d3.js绘制各种元素。我想使用jsplumb来连接两个SVG元素，我需要每个元素在被单击时的id。每个元素都有一个id，它是在绘制时由代码生成的，因此我事先并不知道。
有没有一个javascript实现可以让我获得我点击的元素的id？我最好不要在画布上绘制的每个元素上添加'‘。
有没有人能建议一种方法呢？
浏览 2提问于2016-06-07得票数 0
1回答
最近一直在玩画布，但它在不同大小的画布上表现得很奇怪。
这是我的密码：
HTML：<canvas></canvas>
CSS：canvas { width:300px; height:50px; }
联署材料：
var c = document.querySelector("canvas"),
ctx = c.getContext("2d");
ctx.fillRect(10,10,50,50); // fill a 50x50 square at pos (10,10)
画布尺寸为300x50，绘制如下：
画布尺寸为
浏览 2提问于2014-07-18得票数 0
回答已采纳
2回答
总而言之，我已经将图表控件实现为一个简单的画布，上面有一条折线。我需要的下一件事是能够缩放图表。
我想知道你是如何做到这一点的(只需要想法，不需要细节)。我想做的是以某种方式创建一个更大的画布，并绘制更大的线，只显示画布的一部分给用户，他拖动图表，它将移动画布。如下图所示。你认为这是可能的吗？
浏览 0提问于2011-10-24得票数 2
回答已采纳
2回答
我试图在几个画布上绘制ajax请求返回的元素，但是它只是将所有图像绘制到第一个画布上。
如何访问成功函数中的每个画布元素来绘制图像？
Jquery
$(document).ready( function() {
$('.citizen').each( function( i, citizen) {
$.ajax({
type : 'GET',
url : 'getCitizenPhoto.htm',
data : {
浏览 1提问于2013-04-28得票数 0
回答已采纳
1回答
我有这样的代码，可以在画布上绘制矩形：
若要在画布上绘制矩形，请单击图像，然后拖动鼠标。
要重现我的问题，请按照以下步骤操作：
画一个矩形，就像上面提到的一样。
然后单击“添加文本”按钮。
现在尝试绘制另一个矩形，您将看到您的光标与矩形的方式不同。
即使我动态地添加或删除页面上的任何元素，如何使代码工作？
我试过这样做：
var shape = new Shape(mouseDownX - canvasOffset.left, mouseDownY - canvasOffset.top, mouseX - mouseDownX, mouseY - mouseDownY, c
浏览 1提问于2016-12-05得票数 1
回答已采纳
我有一个画布元素作为主UIElement，我在父画布上放置了一个Ink画布和路径。当我试图在这条路上画墨水时，它不能正常工作。当它在剩余的空间上绘制时，它会正确地绘制。
注意: Path作为最顶层的子路径添加。我不想改变Zindex的顺序。
浏览 5提问于2020-02-19得票数 0
回答已采纳
2回答
我加载一张图片，然后使用画布将其裁剪成单独的方块。如何将裁剪后的选择(绘制在画布上)分配到各个div元素中？我知道我可以创建多个画布并将它们插入到多个div中，但这会影响性能。有没有办法将画布转换成图像对象或类似的东西？
浏览 0提问于2012-08-04得票数 1
回答已采纳
1回答
我正在从学习html和css。关于的主题，我们提到了不同种类的画布，比如，
浏览器画布
文件画布
可用帆布
据我所知，画布是添加到html5中的一个新元素，我们可以用它绘制形状。浏览器画布、文档画布和可用画布是否引用html5 ？
浏览 0提问于2016-03-03得票数 0
1回答
画布变换渲染
、、
有没有办法将转换应用到画布元素(scale、translate或setTransform)，而不必首先清除画布，然后在画布上重新绘制所有内容。我的具体效果是使用鼠标拖动图形(所以只需用鼠标一遍又一遍地translate )，但每次我翻译时，我都必须清除画布并重新绘制我在那里的内容。理想情况下，我只想调用一个translate方法，并让一些超快的内置方法为我重新呈现画布。一旦有足够数量的东西需要重新绘制，仅迭代和重新绘制的成本就会导致性能低于预期。
有什么办法可以提高性能吗？
浏览 4提问于2013-07-13得票数 0
回答已采纳
1回答
我有一个用户可调整大小的窗口和画布，在调整画布大小之前，我会复制画布，然后重新绘制它，当用户调整窗口大小时，它会很好地工作。
imageData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);
canvasWidth = winW-20; // set new width
canvasHeight = winH-66; // set new height
canvas.setAttribute('width',
浏览 3提问于2014-05-27得票数 0
回答已采纳
1回答
在使用html5画布元素时，我遇到了默认纵横比的问题。在Firefox和Safari中，canvas元素的默认长宽比至少是宽度和高度的2/1。这是为绘制到画布元素的矩形生成1:1纵横比的唯一高度和宽度组合。
那么，如何设置画布元素的纵横比，使绘制到画布元素的项目达到1:1的比例呢？
我有一个编码论坛的帐户，但没有得到足够的回应。我已经获得了一些关于这个主题的印刷文本，但他们没有解决这个问题。我编写javascript/html/css至少有10年了。
我希望我不会被一个不可改变的违约率所困扰。
看一看类似的问题列表，我没有看到这个特定的问题得到解决。
浏览 2提问于2013-03-22得票数 0
1回答
我正在用HTML5画布制作一款MMO游戏。它是等距，它有瓷砖和墙壁。
因此，我需要优化游戏，为缓慢的电脑/移动设备。
为此，我想缓存我的瓷砖和墙壁：
一旦它们被绘制，它们就会是静态/非动画的。
所以我不需要每次都重新画。
我也不想使用两个(或更多) <canvas>对象，所以我想使用与使用requestAnimationFrame绘制游戏项目/实体时使用的相同的<canvas>元素。
我试着把瓷砖和墙壁画到和可见画布一样宽/高的屏幕外画布上，然后每次都在可见的画布上画，
但是可见画布使用的是页面的分辨率，因此它在高分辨率上的CPU使用与不带高速缓存(比如我当前的屏幕:
浏览 3提问于2017-05-16得票数 0
2回答
我目前正在学习Phaser3。但是，我能找到的所有文档都是关于Phaser2的。
当你创建一个游戏时，你必须在配置中设置宽度和高度：
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
};
如何将场景缩放到全屏？
浏览 0提问于2018-04-08得票数 3
1回答
滚动HTML5画布视图用于打印
、、、、
我正在HTML5画布上绘制一系列矩形和文本。但这幅画布最终会被印刷出来。矩形是根据纸(帆布)的高度绘制的。
唯一不扭曲文本的画布宽度是300dpi或2400x3300画布。这是很好的打印，但它显然是巨大的屏幕上。
我希望用户在左侧有一个缩小版的画布，它适合父容器的100%高度，并带有滚动条以防止溢出。
我试过div溢出:自动..。这是可行的，但它没有缩放(仍然滚动一个巨大的版本)。因此，基本上，我想为浏览器窗口缩放图像，但是从大画布上做所有的drawing/printing。
浏览 1提问于2013-08-22得票数 1
2回答
当我们使用手风琴时，我们用div内的id来称呼它。
<div id="accordion">
我想做的是在画布元素中使用手风琴。画布标签已经调用了它的id，我不知道如何解决这个问题。
主要目的是在左边有一个区域，把图像分成三个部分，然后放在手风琴里。在右边，我在另一个画布元素中绘制了一个网格。这是图像将被丢弃的地方。这是代码，我在这里停了下来，我不知道为什么jsfiddle只显示一个画布，尽管网格的绘制是正确的。我为我的坏代码道歉。
浏览 4提问于2014-03-06得票数 1
回答已采纳
2回答
我正在尝试创建一个不显示在UI上的画布元素，并将GoJS数据绘制到它
const divElement: HTMLDivElement = document.createElement('div')
divElement.id='pngCanvas';
divElement.style.height='1000px';
divElement.style.width='1000px';
const floorNameData=JSON.parse(localStorage.getItem(&#
浏览 1提问于2019-12-06得票数 3
回答已采纳
我正在使用Appium进行自动化测试。我想在可绘制的画布上选择一个元素。我知道如何通过属性查找元素。但是我想在可绘制的画布上找到一个元素，而不需要属性的帮助。
有没有可能做到这一点？
浏览 0提问于2020-03-06得票数 0
1回答
我想设置我在画布上绘制的画布元素(如填充文本等)的样式。
例如，我希望文本有内部阴影。(我认为它被称为inset!)
有没有办法在画布中设置元素的样式？使用CSS3？
谢谢!
浏览 2提问于2012-09-07得票数 1
回答已采纳
1回答
可以将HTML UI组件绘制到画布(2D)上下文中吗？
我想渲染，按钮，列表框，文本输入控件到一个2D画布上下文。
浏览 4提问于2012-09-10得票数 1
回答已采纳
2回答
我有一个FrameLayout，它首先包含一个SurfaceView，其次是一个RelativeLayout，这反过来又会产生各种按钮和TextViews。
在SurfaceView的画布上，我正在绘制许多位图，并且，通过触摸和运动事件，用户可以将它们拖来拖去。
这些位图，当被拖动时，在RelativeLayout中的按钮下面传递。
现在，我(可能弄错了)的理解是，SurfaceView的“Z级”，或者它所传递的任何东西，都与布局的其他部分的实际Z级完全无关。是这种情况吗？如果是这样的话，我如何绕过它，使拖动的位图绘制在其他视图之上？或者还有什么其他方法可以实现全屏画布，但没有按钮等，就像覆盖
浏览 9提问于2011-01-12得票数 3
我正在尝试通过像这样的fabric.js来绘制一些指南。
到目前为止，我在一个页面中放置了两个相同大小的画布，上面的是一个静态的工作画布，用于绘制一些参考线，底部的画布将包含一些交互对象。这似乎就是他们在上面链接的页面中所做的事情。
但是，我无法处理底部画布上的这些对象，因为顶部画布会中断鼠标事件。有没有办法让鼠标事件通过底部的画布？我在想顶部画布上的像canvas.mouseenabled=false这样的东西--这可能吗？
我想到了另一种解决方案:将参考线和其他对象放在一个画布中。我不喜欢这个解决方案，因为它在底部画布中添加了我不想要的东西，在这种情况下，我必须添加一些线条实例，而不是仅仅
浏览 0提问于2015-03-18得票数 2
我在使用图像进行视网膜显示时遇到了问题。我使用drawImage。我有一组大的图像(画布绘制)，我想使用他们，但只有一半的大小，并使他们更小，以提高图像质量。
如何做到这一点？这是一个屏幕外的画布。
浏览 2提问于2014-12-23得票数 1
2回答
在另一张帆布上铺层画布？
、、、
我目前正在做的事情如下：
创建一个画布并将其附加到一个分隔符中。
通过画布上的CSS设置背景图像。
在画布上画一个六边形
在画布上画PNG。
动画这些PNG以显示“运动”。
然而，这是一个痛苦的重新绘制整个画布，包括不动的PNG。
我想知道是否更聪明或更好的做法是为背景/六格创建一个单独的画布，并在附加的、小的画布元素上创建PNG，然后在背景画布上创建zIndex‘。然后，我可以使动画(PNG移动)更容易。
但是，我在实际将“新”画布放置在背景画布的右x/y坐标方面遇到了问题。
this.drawShipImage = function(name, id, x, y
浏览 4提问于2014-12-17得票数 1
回答已采纳
7回答
我有一个背景图像(一张地图)，我需要经常在上面绘制you-are-here图标。我使用画布在地图顶部绘制图标。假设绘制过程是在单击按钮时触发的(参见下面的代码)，我如何擦除之前的绘制？
private void displayUserPos(Point userPos) {
Bitmap marker = BitmapFactory.decodeResource(getResources(), R.drawable.ic_yah);
canvas.drawBitmap(marker, (float)userPos.getX(), (float)userPos.getY(), n
浏览 0提问于2011-08-05得票数 22
回答已采纳
我对Android很陌生，我对视图是如何工作的感到困惑；只是遵循一个教程，但我试图偏离它。
所以我有一个活动，在onCreate中有这样一行:setContentView(新的GamePanel( this ))；
GamePanel是一个扩展SurfaceView的类；它使用画布将东西绘制到屏幕上。
我想在屏幕上添加一个按钮，有办法做到这一点吗？任何能够提供onClick方法的do...is都可以在画布上绘制它并使其可点击？
浏览 1提问于2015-11-18得票数 0
回答已采纳
3回答
我有一个画布，我已经在上面动态添加了一些形状。现在我想在画布上添加一个Image。
一切正常，如果我在Canvas之外添加Image，但当我试图在Canvas上添加Image时，图像不显示。也许它隐藏在Canvas上绘制的形状后面。
我的问题是，如何才能将Image带到Canvas面前。
这就是我添加图片的方式：
string strUri2 = String.Format(@"pack://application:,,,/MyFirstWPF;component/Images/tt.jpg");
image1.Source = new BitmapImage(new Uri(
浏览 2提问于2012-08-19得票数 0
回答已采纳
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
回答已采纳
5回答
我是Android的新手。
我在视图的OnDraw(画布画布)方法中将位图、线条和形状绘制到画布上。我正在寻找关于如何实现平滑滚动响应用户的拖拽的帮助。我已经搜索了，但没有找到任何教程来帮助我做到这一点。
对画布的引用似乎是说，如果画布是从位图构造的(比方说，称为bmpBuffer )，那么画布上绘制的任何东西也都绘制在bmpBuffer上。有没有可能使用bmpBuffer来实现一个滚动...也许可以将它复制回画布，一次移动几个像素？但是，如果我使用Canvas.drawBitmap将bmpBuffer重新绘制到画布上，偏移了几个像素，bmpBuffer不会被损坏吗？因此，也许我应该将bmpB
浏览 2提问于2010-01-17得票数 24
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
