Canvas javascript drawImage方法

文章/答案/技术大牛

发布

1回答

javascript、html、canvas

我想我可以直接从变量调用draw方法，例如: bg.draw，或者这是否意味着我需要在画布上重新绘制图像并重新运行bg.draw？sX: 0, w: 275, x: 0, ctx.drawImage, this.h, this.y, this.h ctx.drawI

浏览 25提问于2020-04-24得票数 1

回答已采纳

1回答

Canvas - DrawImage方法

javascript、canvas、html5-canvas

我在画布元素的"DrawImage"-Methode上遇到了一个奇怪的问题。使用以下代码，我创建了画布并将其附加到"rightcanvas“div。var rightcanvas = document.getElementById('rightcanvas'); rcontext.drawImage(image,0,0); 画布将被创建并附加。但是图像不会是displayed.Do

浏览 1提问于2012-04-01得票数 1

回答已采纳

2回答

drawImage画布方法在“img”元素有机会完全加载之前正在运行

javascript、html5-canvas

在“img”元素有机会完全加载之前，drawImage画布方法正在运行，因此我需要您的帮助来解决这个问题。<canvas id="drawImage" width="900" height="900" style=""> </canvas> <

浏览 1提问于2014-05-16得票数 1

回答已采纳

1回答

下载文件流作为文件在angularjs中

javascript、angularjs、stream

我的控制器中有一个文件流。现在我想下载这样的文件流作为文件。下面是我的代码..。</file-download> .directive('fileDownload', function() { restrict: 'E', template: '<a

浏览 2提问于2015-10-08得票数 1

1回答

Haskell Threepenny Gui:在特定点从画布上阅读颜色？

haskell、canvas、threepenny-gui

类似于：我在上查看了文档，但找不到相应的函数。也许我只是没看出来，因为我用Haskell的时间不长。-- to UI (PixelRGB8) is also possible just change from fst to snd after the returngetCanvCol canvas (x,y) = do -- str

浏览 1提问于2015-02-22得票数 2

回答已采纳

1回答

为什么要覆盖图像？

javascript、canvas

我在学习Javascript和画布。在这种情况下请帮帮我。我想用几个冒号画一条图像线，最后一条总是覆盖前一条。下面是一个例子： contains Canvas creating } // Row是具有坐标和drawImage方法的my构造

浏览 1提问于2015-07-05得票数 0

回答已采纳

1回答

JavaScript canvas.drawImageα损失

javascript、html、image、canvas

对JavaScript来说很新。= document.createElement('canvas'); canvas.height= this.naturalHeight; var ctx = canvas.getContext('2d'

浏览 0提问于2018-08-06得票数 0

回答已采纳

1回答

递归图像处理(画布，HTML5，Javascript)

javascript、html、graphics、canvas

下面是一个指向实际代码的链接： <html> <script type="application/x-javascript">function draw() { if (canvas.getContext)

浏览 0提问于2011-08-28得票数 2

2回答

"requestAnimationFrame“方法无效

javascript、html、canvas

"requestAnimationFrame“方法在下面的示例中不起作用。控制台不显示任何错误消息。那么这段代码中的错误是什么？canvas> <script type="text/javascript" src = "Jquery/easy.js"></script>javascript： var <em

浏览 5提问于2014-01-15得票数 3

回答已采纳

2回答

在JavaScript中绘制图像(Pro HTML游戏)

javascript、html

image = document.getElementById('spaceship'); context.drawImage0,350); - error on this line context.drawImage(image,0,400,100,25); &#

浏览 4提问于2017-09-01得票数 0

2回答

按钮"onclick“事件的奇怪行为

javascript、html5-canvas

<button id = "click" >fire</button> var ctx = canvas.getContext('2d');chop1.src =

浏览 6提问于2014-01-16得票数 0

回答已采纳

2回答

setTimeout不会在Jquery中工作

javascript、jquery、settimeout

所以我要用画布做一个循环(gif‘’ish)，每隔70毫秒我就会改变画布上的图像，我试过了木板javascript，但是2天后我放弃了，5位程序员的手指在他们的嘴里。y: 60$("canvas").clearCanvas(); $("canvas").drawImage({setTimeout(fu

浏览 1提问于2013-12-03得票数 0

回答已采纳

3回答

JavaScript类隐式TypeError

javascript、onload

我正在尝试构建一个JavaScript类，并且在这一行中遇到了问题：显示的错误消息是：Uncaught TypeError:无法调用未定义的的方法'drawImage‘ this.canvas = document.getElementById(id); this.ctx = this.canvas.getC

浏览 7提问于2013-04-23得票数 1

回答已采纳

1回答

浏览器上的画布drawImage类型错误

html、google-chrome、canvas、html5-canvas

我使用画布和drawImage在最新的铬( Windows 7上的drawImage)上有一个奇怪的bug。这个bug只发生在Chrome上，在Firefox和IE上一切都像预期的那样工作。我在这里创建了一个失败的减少测试用例： JavaScript var canvas = document.getElementById("canvas

浏览 3提问于2013-06-04得票数 3

回答已采纳

1回答

几天前，我用javascript启动了一个简单的项目，发现了这个问题。每次我重新加载我的谷歌页面，我都会得到一个空白的画布。我已经尝试将drawImage()函数从类中取出，并且它起了作用。但是，如果我需要使用这个函数作为类方法呢？(此外，我已经尝试将画布作为绘图方法的一个参数传递，但它不起作用)const canvas = document.getElementById('main_canvas')const ctx = can

浏览 8提问于2022-07-01得票数 0

回答已采纳

1回答

如何在Chrome浏览器中用HTML5画布绘制图像阴影

google-chrome、html5-canvas

我们可以在HTML5中用g.shadowBlur方法绘制阴影，在大多数浏览器中都可以，除了Chrome，当我绘制一个透明的图像阴影时，它看起来如下所示，我该如何解决这个问题<html> <title>Chrome HTML5 Canvas DrawImage Shadow Bug</title> <script type="text/jav

浏览 2提问于2013-07-04得票数 4

1回答

我应该指定高度和宽度来画布新的Image()构造函数吗？

html、image、canvas、html5-canvas

构造函数之后，我使用myImg.src = 'myurl.jpg';和myImg.onload = function() { ctx.drawImage(myImg, x, y)...};

浏览 4提问于2015-02-11得票数 1

回答已采纳

2回答

将平铺集与画布一起使用

javascript、html

是啊，所以我从一开始就迷路了。好的，假设我有一张大图，上面有一个2D自上而下的RPG游戏的每块瓷砖。它们的宽度和所有东西都是一样的。我不知道的是，我如何将该图像中的每个磁贴保存到它们自己的图像数据中，以便在画布上使用？基本上，我想用我所有的瓷砖拍摄一张大图片，在整个图片中选择方块来制作图片，并将每个图片作为一个变量存储在一个数组中。那么，我该怎么做呢？

浏览 0提问于2010-12-31得票数 1

1回答

html画布像素缓冲区

html、canvas、redraw

然而，绘制整个画布需要几秒钟，所以我想知道是否有一种正确的方法来复制将被下拉菜单遮挡的所有内容，然后当下拉菜单关闭时，将其重新绘制到屏幕上。

浏览 0提问于2011-03-28得票数 1

回答已采纳

3回答

Javascript - canvas - drawImage不起作用

javascript、html、canvas、drawimage

我在页面上有一个画布(# canvas )和一个图像(hero.png)，并在正文的末尾加载了一个JS文件。在JS代码中...这是可行的：game.canvas = document.getElementById('canvas');game.draw = function(){ game.ctx.drawImage(game.hero, 200,

浏览 0提问于2013-06-26得票数 0

回答已采纳

点击加载更多