HTML5 Canvas:更好地重新绘制对象或使用位图？
在云计算领域中，HTML5 Canvas 是一个非常重要的技术，它可以用于创建动态图形和交互式应用程序。HTML5 Canvas 是一个基于 JavaScript 的 2D 绘图 API，它允许开发者在网页上绘制各种形状、图像和文本。
在某些情况下，开发者可能需要重新绘制对象或使用位图。重新绘制对象通常是指在 Canvas 上绘制一个对象，然后在需要时更新该对象的位置或属性。而使用位图则是指在 Canvas 上绘制一个位图，然后在需要时更新该位图的位置或属性。
在性能方面，重新绘制对象可能会比使用位图更快，因为它不需要加载和处理位图数据。然而，在某些情况下，使用位图可能会更好，因为它可以提供更高的图像质量和更好的性能。
总的来说，HTML5 Canvas 是一个非常强大的技术，可以用于创建各种类型的应用程序。在选择重新绘制对象还是使用位图时，开发者需要根据自己的需求和性能要求来做出决策。
相关·内容
1回答
我在Linux、Mac和Windows上使用gnuplot4.6发行版和5.0开发版。
我尝试在相对较新的受支持的HTML5 canvas终端上进行基本输出，并在canvas上收到相当模糊的图像。
在交互模式下，我所做的如下：
set terminal canvas
set output "test-canvas.html"
test
这是。
这样的html5画布的打印屏幕是。
它的svg对应物是。两者都是由矢量绘制的，但它们的图像质量却截然不同。
类似的情况也出现在其他网站上，例如。
有谁知道如何提高图像质量吗？我对HTML5 canvas了解不多，但通过查看源代码，我认为图
浏览 3提问于2014-05-17得票数 1
我正在开发一个HTML5 canvas应用程序。我现在能够找到我在画布上单击的任何点的坐标和十六进制值。假设我正在点击一个有填充多边形的区域(并且我知道多边形的颜色)。有没有办法或算法来返回绘制多边形的封闭坐标?？
浏览 4提问于2013-04-05得票数 0
1回答
创建带阴影的文本位图
、、、、
我想要创建一个带有阴影的文本位图，但是我无法获得好的结果。问题是，当我直接绘制文本时，它看起来很好，但是当我将文本绘制到位图上，然后绘制位图时，它看起来很难看。
代码：
public class MyView extends View {
private Paint paint;
private Bitmap bitmap;
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public void
浏览 3提问于2014-06-18得票数 8
3回答
在Bitmap上绘制文本
public Bitmap textAsBitmap(String text, float textSize, int textColor) {
m_paint.setTextSize(textSize);
m_paint.setColor(textColor);
m_paint.setTextAlign(Paint.Align.LEFT);
int width = (int) ( m_paint.measureText(text) + 0.5f); // round
float baseline = (int) (- m_p
浏览 1提问于2015-01-04得票数 4
3回答
我使用位图和画布创建了第一个图表。如何清除位图以绘制新图表？
ImageView imageView = new ImageView(this);
Bitmap bitmap = Bitmap.CreateBitmap(w, h, Bitmap.Config.Argb8888);
Canvas canvas = new Canvas(bitmap);
...
imageView.SetImageBitmap(bitmap);
relativeLayout.AddView(imageView);
浏览 0提问于2015-05-27得票数 7
回答已采纳
我正在为Android做一张活生生的壁纸。代码可以工作，但我有性能问题。基本上我在绘制位图并移动它们。有15张小图像，效果很好。但随着50张更大的图片开始滞后。
在我的移动对象中，我在构造器中创建位图，并将其显示如下：
public void drawFrame(Canvas canvas) {
Position p = movingStrategy.move();
Matrix matrix = new Matrix();
matrix.postScale(scale, scale);
matrix.postRotate(p.getRotation());
浏览 3提问于2018-10-29得票数 5
3回答
如何在自定义视图中的画布顶部绘制按钮？(最好在右边中间)在做button.draw(画布)之前有什么我必须调用的东西吗？
public class MyClass extends View {
public Simulation(Context context) {
super(context);
pauseButton.setText("TestButton");
pauseButton.setClickable(true);
pauseButton.setOnCl
浏览 0提问于2011-08-13得票数 12
回答已采纳
3回答
所以我刚刚开始使用HTML5和Canvas元素。我正在做一个项目，我将在其中创建思维导图，我计划使用Canvas元素和java脚本来实现这一点。
我的问题是，如何在画布中将形状分组在一起？在画布上绘制形状和文本没有问题，在画布上拖动它们也没有问题。我想做的是将形状和文本元素锁定在一起，这样当我拖动形状时，文本就会随之而来。
有什么想法吗？
提前谢谢。
浏览 4提问于2010-11-09得票数 11
回答已采纳
2回答
我想知道在canvas..For实例中Html5是否支持形状转换我有一个矩形，可以对其应用转换吗？
canvas = document.getElementById('Canvas');
context =canvas.getContext('2d');
context.rect(myRectangle.x,myRectangle.y,myRectangle.width,myRectangle.height);
浏览 1提问于2011-06-26得票数 1
回答已采纳
2回答
变化的帆布背景
、、、
我有HTML5画布绘图应用程序，我需要改变它的背景颜色，当用户点击一个按钮。
画布上的背景色在用户端工作，但是用户可以将图像保存到服务器上，我正在使用canvas.toDataURL(' image /png')导出画布数据。问题是，画布的背景色不包括在内，它只发送数据用户绘制。
我曾想过要在整个画布上做一个大的修改，但那会覆盖所有已经画好的图画。有什么想法吗？
浏览 8提问于2014-02-05得票数 0
回答已采纳
我正在绘制高度和宽度等于设备屏幕的图像作为Android中的覆盖项。但当图像数量超过时，应用程序崩溃，并出现内存不足错误- Bitmap超过VM预算。如果我尝试回收它，那么错误就会出现为canvas试图使用回收的位图。我需要的是有最好的方式在地图上绘制大量的图像。图像来自服务器，我还需要缓存图像。对于缓存，我目前使用的是LinkedHashMap，但我想即使这样也会产生问题，因为我正在存储可绘制的对象。
有没有在地图上绘制大型位图的例子？
浏览 1提问于2011-07-16得票数 2
回答已采纳
我的应用程序大量使用HTML5 Canvas2D。分析之后，我发现调用最多的函数是HTML5 Canvas的.stroke()和.fill()函数。因此，为了进一步提高我的应用程序的性能，我必须优化画布上的绘制。我正在考虑Chrome的NaCl插件。我发现它有一个本机接口pp::Graphics2D来绘制2D图形。有人知道NaCl 2D图形界面是否比HTML5 Canvas 2D更快吗？
浏览 1提问于2011-02-10得票数 3
回答已采纳
2回答
我正在尝试使用canvas来制作一款android游戏，我知道这很糟糕，因为opengl更好，但我当时并没有真正考虑过这一点，现在我几乎完成了，我只想完成它，并在以后将其转换为opengl。
因此，在我的onDraw的开头，我用以下代码绘制了一个位图：
Log.d("Start Time", System.nanoTime()/1000000 + "");
canvas.drawBitmap(bitmaps.Background(), null, bg, paint);
Log.d("After drawColor"
浏览 0提问于2012-07-08得票数 0
回答已采纳
1回答
请告诉我你对HTML5 Canvas和SVG/VML有什么看法？在比较中给我正反两面。
谢谢！
浏览 0提问于2010-12-03得票数 0
回答已采纳
1回答
我正在开发一个简单的2D Android游戏，我想绘制每个级别的背景时，该级别开始。每个关卡的背景都是静态的，不会有动画或移动。
首先，我使用画布在自定义视图中绘制背景，并加载该视图作为关卡的背景。这很有效，但是我注意到如果我画了很多线条和形状，UI就会开始卡顿。我解决了这个问题，通过画布绘制背景，并将其直接保存到位图中，然后将其加载到背景ImageView中，如下所示：
CustomView bgView = new CustomView(this); //this view draws the background
Bitmap bitmap = Bitmap.createBitmap(s
浏览 5提问于2017-03-08得票数 1
本质上，我想要一个通用的抓取元素-屏幕截图功能。我想读取渲染的图像数据，特别是从youtube视频，但实际上任何嵌入式对象的目的是创建直方图。HTML5、img和video元素通过canvas drawImage/getImageData实现了这一点。是否有任何方法可以从诸如flash之类的嵌入式对象中获取呈现的图像数据？
浏览 0提问于2014-03-04得票数 0
回答已采纳
2回答
存储多个位图时的性能问题
、、、
我已经创建了一个定制的View对象，它覆盖了onDraw方法来绘制一个相当复杂的UI。我将这些自定义视图中的5个添加到LinearLayout中，但在任何时候只有一个视图是可见的。
根据应用程序中用户的操作，我要在每个应用程序上切换View.Visibility属性，以便只有一个是可见的。
只是为了澄清，我所使用的方法对我来说是有效的，而且它似乎相当有响应性。我只是有点担心这种方法会如何影响低端或低端设备.
下面是我当前代码的示例：
自定义视图
public class MyDrawingView extends View {
private Bitmap mViewBitmap;
浏览 4提问于2013-07-26得票数 3
回答已采纳
我有一个创建的canvas元素数组，充当video的快照，然后将canvas框架直接绘制到附加到DOM的主canvas上(因为它比先将画布转换为dataURL或Image要快)。
我面临的挑战是，当我试图将画布数组保存到localStorage，以便更快地访问重复加载时，画布元素stringify和parse成为空对象。
做这件事最好的方法是什么？
arrayOfCanvasElements = [];
storeVideoFramesAsCanvas() {
const canvas = document.createElement('canvas');
co
浏览 16提问于2022-11-07得票数 1
1回答
我有一个包含一些片断的应用程序，在其中一个片断中，我有一个自定义视图，我可以在其中创建几个位图来在上面绘制。
问题是:当我交换片断时，一切都是正常的，直到我到达自定义视图所在的片断。问题是，当我一次又一次地选择片段(包含CustomView)时，内存会增加，然后应用程序就会崩溃。
我已经检查了创建和回收位图的方式，但我找不到解决方案。
代码：
private Bitmap getCircle() {
if (mDstBitmap == null) {
mDstBitmap = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Co
浏览 0提问于2016-08-31得票数 0
1回答
画布动态更改位图的z索引
、、、
我正在创建一个安卓应用程序，在我的应用程序中，我有一个画布，我通过canvas.drawBitmap ()函数将大量位图绘制到画布上。据我所知，这些位图上的z索引是根据它们绘制到画布上的顺序设置的。我试图弄清楚的是，在绘制这些位图之后，是否可以动态地更改位图上的z索引以将其推到顶部？这似乎是一个非常简单的问题，但我还没有幸运地找到解决方案。
浏览 1提问于2011-08-30得票数 9
回答已采纳
为了缩短我的onDraw()时间，我将到目前为止绘制的所有内容都缓存在一个位图中，并在每次调用onDraw()时附加到位图中。通过这样做，我可以节省大量的时间，因为我一次只需要绘制几个fixels，而不是重做整个事情。
不过，还有一件事困扰着我--它看起来像是直接绘制到提供的画布上，提供了比先在位图上绘制，然后在画布上绘制位图更“准确”的绘制。通过查看下图的下半部分，您可以看到其中的区别：
我上传了一个演示项目，显示了上的差异，但相关代码如下：
@Override
public void onDraw(Canvas canvas) {
if(cachedBitmap == n
浏览 0提问于2013-06-10得票数 7
回答已采纳
3回答
在onDraw(Canvas canvas1)方法中，我看到了如何使用传递的"canvas1“参数来绘制形状。但是，如果我要创建一个新的画布对象示例：
Canvas canvas2 = new Canvas();
Paint paint = new Paint();
paint.setColor(Color.BLUE);
canvas2.drawRect(55,87,130,600, paint);
canvas2不会显示在屏幕上，我如何让它和canvas1对象一起显示？
浏览 4提问于2011-05-28得票数 0
回答已采纳
我正在尝试在ImageView中的图像上绘制一个矩形。如果我将(top, left)指定为(100, 100)和(bottom, right) = (200, 200)，我会得到如下结果： ? 如你所见，它不是一个正方形。我该怎么做呢？ 以下是绘制代码： private fun drawRectangle(
color: Int,
bitmap: Bitmap
) {
var image_view: ImageView = findViewById(R.id.image)
val tempBitmap =
浏览 55提问于2021-02-04得票数 0
回答已采纳
1回答
通过使用SurfaceView，我试图对在画布中移动的对象进行淡出效果。然后，我有一个背景，在每一帧上，它将用alpha值绘制到画布中(因此之前绘制的所有内容都会褪色)，然后绘制对象的下一个位置。
不过，我遇到的问题是，当背景用alpha值多次绘制时，颜色就会变得离散。有些图像，上面的是第一帧，有连续的颜色，在底部有相同的，但很多帧之后(~50)，那里的颜色变得离散。
我把我的一些代码。Init部分：
// Inited somewhere in the start of the app
Bitmap bmp = Bitmap.createBitmap(width, height,
浏览 4提问于2014-03-04得票数 0
回答已采纳
我正在尝试在onTouch事件上在画布上重新绘制图像。我可以在画布上绘制图像，但我希望图像在特定的x,y处重新绘制。
protected void onDraw(Canvas canvas)
{
mBitmap1 = BitmapFactory.decodeResource(getResources(), R.drawable.ab);
mBitmap2 = BitmapFactory.decodeResource(getResources(), R.drawable.ab);
this.canvas=canvas;
Paint p = new Paint
浏览 0提问于2011-01-21得票数 0
回答已采纳
我正在用指定的开始和停止x，y坐标绘制一个线段，每天动态地在以下位图图像上使用指定的油漆-
chart_by_rule ( >= 4.4中的意外)-
chart_by_rule (预期)-
下面的代码应该在上面的位图中画一条线。只有在安卓版本< 4.4中才能画出这些线条。
，这是代码-
@Override
public View onCreateView(LayoutInflater inflater,
ViewGroup container, Bundle savedInstanceState)
{
getActivity().runOnUiThr
浏览 1提问于2014-08-01得票数 2
回答已采纳
1回答
多次绘制同一位图
、、、
我需要产生绘制一个圆圈形状的位图的效果，这个圆圈将从中心一直生长到最大半径，这样做我写了以下方法：
public Bitmap applyDrawingEffect(Bitmap src, int nRadiusprct)
{
// image size
int width = src.getWidth();
int height = src.getHeight();
// create bitmap output
Bitmap result = Bitmap.createBitmap(width, height, Bitmap.Config.ARG
浏览 2提问于2014-12-17得票数 0
回答已采纳
2回答
Android中高效的2D绘图
、、、、
我找了好几个小时，都没能找到我的问题的一个简洁、明确和回答。我有一个应用程序，我需要在屏幕上绘制一个运动场(包括所有的球场线)。到目前为止，我已经扩展了SurfaceView，并且几乎复制了LunarLander演示的其余部分。应用程序将间距绘制到正确尺寸所需的所有数据都是从一个套接字接收的，该套接字也工作得很好。然而，在onDraw()函数中的那一分钟，我在每一帧中绘制了所有的线条，这导致了模拟器中相当慢的帧率(例如~10fps)。下面是我的onDraw()函数：
@Override
public void onDraw(Canvas canvas) {
canvas.drawARGB(25
浏览 3提问于2010-08-04得票数 6
回答已采纳
我们可以在HTML5中用g.shadowBlur方法绘制阴影，在大多数浏览器中都可以，除了Chrome，当我绘制一个透明的图像阴影时，它看起来如下所示，我该如何解决这个问题
我的chrome版本是"Chrome for Mac OS X，version 27.0.1453.116“
<!DOCTYPE html>
<html>
<head>
<title>Chrome HTML5 Canvas DrawImage Shadow Bug</title>
<script type="text
浏览 2提问于2013-07-04得票数 4
我正在尝试创建一个类似选项卡的界面，在这里我将通过向左/向右滑动来切换视图。通过在下面显示的选项卡图标的背面添加一个蓝光，我向用户显示了他们所处的页面：
为此，我创建了一个自定义视图，该视图将绘制背景辉光(如果选择了选项卡)，然后绘制图标。我的问题是，发光太大了，。我所需要做的就是让它变小，这样边就不会像现在那样被剪裁(辉光通过设计将底部的页面重叠起来)。
使用XML中可绘制的形状(只是一个简单的径向梯度)创建的。我尝试过在XML中更改形状的大小，但结果总是一样的。我尝试在下面调整属性，也尝试在下面调整高度和宽度。
构造者：
public TabIconView(Context
浏览 6提问于2011-07-23得票数 0
回答已采纳
2回答
我有一个应用程序，我想在隐藏的画布上画一些图形，然后在任意多个地方盖章，而不是多次绘制相同的图形(为了更好的性能)。目前图形可以在浮点坐标上绘制，同样适用于冲压。在浮点坐标上绘制图像效果很好:图像清晰清晰。但是当我将图像从其他画布复制到相同的浮点坐标时，我会得到模糊的图像。，更有趣的是:只有当目标画布有很大的宽度/高度时，它才会变得模糊！当目的地很小时(~20 px)，会导致图像锐利(在Chrome中)。所以，我的问题是：
为什么在目标画布很大的情况下我会得到模糊的图像？
我该怎么修理或者绕开呢？
下面是演示URL：及其代码:它有4个画布。源是我画图形的地方，然后我会在rest
浏览 2提问于2015-09-22得票数 0
回答已采纳
1回答
我想捕捉表面视图的图像，并在表面上绘制内容。在我的应用程序中，我有表面视图，用户可以在上面绘制一些位图，并将一些物体拖放到上面。在此之后，单击按钮，我想在sd卡中存储带有位图内容的表面视图的图像。
对于这些，我有一个画布对象，所有的位图都是在上面画的。下面是我的密码-
mHolder = mSurfaceView.getHolder();
mHolder.lockCanvas();
canvas.drawColor(0,Mode.CLEAR);
//border
浏览 0提问于2014-12-12得票数 2
1回答
我正在编写一个Android应用程序。我正在使用一个画布，通过使用for-loops在上面绘制一个Tilemap，然后一个接一个地绘制每个图块。
我想通过一次渲染这个tilemap (单独的前景和背景)并保存它来提高性能，这样我就可以绘制整个地图，而不会循环抛出每个单独的tile。
我的Graphics类如下所示：
public class AGraphics implements Graphics {
Bitmap frameBuffer;
Canvas canvas;
Paint paint;
...
public AGraphics(.., Bi
浏览 0提问于2014-01-24得票数 0
5回答
只是想知道绘制位图到画布的最快方法是什么？
目前我有一个位图(和画布)，我用它来双倍缓冲绘制调用，然后当我绘制到画布时，通过应用1px画布平移来获得滚动效果。仅此一项就可以将帧速率从60+ FPS降低到~40，这是相当成功的。我现在没有使用surfaceView (或GLSurfaceView)，但我只是想知道我是否遗漏了什么可以提高速度的东西。下面的onDraw()代码
@Override
public void onDraw(Canvas canvas)
{
//update fps text
mFpsTracker.frameTouch()
浏览 8提问于2011-07-28得票数 13
1回答
当呈现以下图像时(右击+查看图像以查看完整大小)：
带有html5 canvas.drawImage()的4800x320大小的画布试图从中裁剪出部分480x320图像，画布将图像吹起。
这是我的代码：
var canvas = document.createElement('canvas');
canvas.setAttribute('id', 'my-canvas');
canvas.style.width = 480;
canvas.style.height = 320;
canvas.style.display = 'b
浏览 2提问于2015-06-17得票数 1
回答已采纳
2回答
在画布上绘图时内存不足问题
、、、、
我正在制作一个绘图应用程序，在这个应用程序中，用户可以绘制一些基本形状，如正方形、三角形、直线和自由手绘。
我已经创建了一个自定义视图，用户可以在该视图上绘制任何内容。当用户选择任何形状时，我将创建自定义视图的新实例。并将该视图添加到根布局视图中。
添加了几个形状后，应用程序就会崩溃。根据我的观察，onSizeChanged()方法制作了设备宽度和高度的位图。如果我在高分辨率设备上工作，这可能是一个大位图。
问题1:每次在画布上绘图是否需要生成位图？
问题2:如何避免和处理内存不足问题？
`
@Override
protected void onSizeChanged(int w, int h
浏览 6提问于2017-05-15得票数 3
我试图在Android中读取示例canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint)在onDraw().中调用的方法FingerPaint
我被参数mBitmapPaint弄糊涂了。当我更改mBitmapPaint的设置时，它似乎没有任何效果。在屏幕上绘制的位图的样式仅取决于在其他地方定义的mPaint的设置。Google的Android引用说参数paint可能为空，这是否意味着paint在这里是无用的？为什么要在这个方法中添加一个油漆参数？
声明为：
public void drawBitmap(位图位图，浮动左，浮动顶部，油漆)
使用由当前矩阵转换
浏览 11提问于2014-08-15得票数 2
回答已采纳
1回答
我通过扩展View创建了一个自定义视图。
public class CustomView extends View {
private Canvas canvas2;
private Bitmap backingBitmap;
在CustomView的构造函数中，我有以下代码：
backingBitmap = Bitmap.createBitmap(100, 100, Bitmap.Config.ARGB_8888);
canvas2 = new Canvas(backingBitmap);
在onDraw中，我有：
protected void onD
浏览 1提问于2013-07-26得票数 4
回答已采纳
1回答
基于GDI+的TBitmap绘图
、、、、
除了通过GDI+ (一直工作正常)将TGPGraphics绘制到控制画布上外，我还试图使用GDI+在TBitmap上绘制，然后将位图绘制到控制画布上。然而，实际上似乎没有任何东西被画出来。
以下代码位于WM_PAINT消息处理程序中，该处理程序同样适用于实际的控件画布，但是当创建等效的TGPGraphics对象并传递此TBitmap句柄时，不会绘制任何内容：
FBitmapCanvas:= CreateGPCanvas(FBitmap.Handle);
try
FBitmapCanvas.DrawLine(FSomePen, P1, P2); //Same pen used t
浏览 0提问于2019-10-20得票数 1
回答已采纳
4回答
我有这样的事情：
Bitmap.Config conf = Bitmap.Config.ARGB_8888;
WeakReference<Bitmap> bm = new WeakReference<Bitmap>(Bitmap.createBitmap(3000 + 3000, 2000, conf));
Canvas canvas = new Canvas(bm.get());
canvas.drawBitmap(firstBitmap, 0, 0, null);
canvas.drawBitmap(bm, firstBitmap.getWidth(), 0, n
浏览 8提问于2011-08-10得票数 38
1回答
我在写一段代码，这应该是行的。你可以在两个不同的地方触摸屏幕，程序得到x/y值并画一条线。所以效果很好！我要现在的程序来保存台词。所以您可以多次触摸屏幕，程序从第一次触摸到第二次触摸，从第三次到第四次，等等，并将它们全部显示。我试着用数组来做这件事，但还是没成功。这是代码，它绘制线条，但不分割它们。
，所以代码现在开始工作了！我用小径做的，效果很好！谢谢你的帮助！
package com.example.linienmachen;
import android.content.Context;
import android.graphics.Canvas;
import android.gr
浏览 0提问于2014-08-02得票数 1
回答已采纳
我们一直在使用几个库，如GoogleMaps、OpenLayers、ModestMaps……甚至我们在几年前已经编写了一个处理WMS服务器的制图管理程序(Java Applet)。当然，这个visor目前是无用的。
现在我们想要开发一个完整的HTML5 visor，因为我们在处理最常见的框架(性能，许可，设计...)时遇到了很多麻烦。我们为GIS专家构建先进的技术地图应用程序。
我们想要在画布元素中绘制向量。我们不想在底图上绘制画布对象(就像我们可以在GoogleMaps上做的那样)，我们一直在处理这个问题，这不是最好的方法，我们需要一个基础对象作为画布HTML5对象，在其中直接绘制。
问题是
浏览 0提问于2012-10-29得票数 2
3回答
我准备了一个自定义视图。我的视图包含一个字母表，它是我在onDraw().Now中使用drawText绘制的，我需要将该视图更改为位图。
下面是我的OnDraw()，
public void onDraw(Canvas canvas) {
drawText("A",100,200,mPaint);
}
我需要提前将此视图转换为bitmap...please help me...thanks。
浏览 2提问于2011-12-08得票数 3
1回答
在我的Android paint应用程序中，我将在画布上进行绘制。但有时我在画之前就有了Image。那时候我的画就变慢了。问题出在哪里?？
仅在画布上绘制的代码：
@Override
protected void onDraw(Canvas canvas) {
//canvas.drawColor(0, PorterDuff.Mode.CLEAR);
// set the Canvas Color
canvas.drawColor(canvasColor); // edited
canvas.drawBitmap(mB
浏览 0提问于2011-12-02得票数 1
回答已采纳
2回答
我在我的html页面中使用canvas。直接将css属性添加到绘制的画布是不可能的，但如何向html5 canvas添加css属性。
浏览 0提问于2016-01-04得票数 0
1回答
我正在尝试写一个半透明的橡皮擦笔刷到我正在开发的应用程序中，但我发现有两个问题突然出现，这取决于它的实现方式。希望有一个解决办法，我可以直指。
代码示例使用mono droid / xamarin
所以，通常情况下，我有一个在画布上绘制路径的设置。我的视图的OnDraw方法绘制它的基本位图，然后在它上面绘制我的路径。
// Canvas is set up elsewhere
canvasBitmap = Bitmap.CreateBitmap(w, h, Bitmap.Config.Argb8888);
DrawCanvas.SetBitmap(canvasBitma
浏览 13提问于2017-02-21得票数 0
我试图让三个矩形打印在HTML5的画布标签中，使其在每次我用鼠标单击画布时垂直增长。
到目前为止，我的代码绘制了三个正方形。我有一个growBy函数，但当我单击时，什么也不会移动。论坛会看看我的代码，告诉我哪里出错了吗？
谢谢,
迈克尔
这是我的HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link href="styles.css" rel="stylesheet" type="text/css&#
浏览 0提问于2014-11-16得票数 0
Delphi XE2火猴的Align属性设置为alScale对坐标系有何影响？
当组件的Align属性被设置为alScale时，我正在查看火猴的画布绘制功能，并遇到了坐标系统的问题。下面的演示程序(一个FM应用程序)说明了这个问题。编译并运行示例代码，绘制几条线，然后更改表单的大小，以开始奇怪的操作。线条没有出现在预期的位置。
如有任何建议和解释，我们将不胜感激！提前谢谢。
主窗体(LineDrawFormUnit.pas)：
unit LineDrawFormUnit;
interface
uses
System.SysUtils, System.Types, System.UITy
浏览 1提问于2012-08-27得票数 2
回答已采纳
2回答
我正在用html5和javascript实现画布上的绘图。
如果我不手动设置画布宽度和高度(保留默认设置)，我的绘图工作良好。
但是，当我从css或javascript设置画布大小时，我的绘图看起来就像是扭曲的。这条线开始离线有点远，这条线看上去扭曲了。
以下是鼠标向下事件的代码。
if (mouseDown)
{
previousX = currentX;
previousY = currentY;
currentX = e.clientX - canvas.offsetLeft;
currentY = e.c
浏览 5提问于2015-03-09得票数 2
回答已采纳
使用HTML5 <canvas>元素，我想加载一个图像文件(PNG、JPEG等)，将其完全透明地绘制到画布上，然后淡入。我已经知道如何加载图像并将其绘制到画布上，但我不知道如何在绘制后更改其不透明度。
以下是我到目前为止拥有的代码：
var canvas = document.getElementById('myCanvas');
if (canvas.getContext)
{
var c = canvas.getContext('2d');
c.globalAlpha = 0;
var img
浏览 27提问于2010-03-02得票数 214
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
