Questions tagged «canvas»

在尝试了复合操作并在画布上绘制图像之后，我现在尝试删除图像并进行合成。我该怎么做呢？ 我需要清除画布才能重画其他图像；这可能会持续一段时间，所以我认为每次绘制一个新矩形都不是最有效的选择。

1012 javascript  html  canvas  html5-canvas  composite 

使用Google的“报告错误”或“反馈工具”，您可以选择浏览器窗口的区域来创建屏幕截图，并在屏幕上提交有关错误的反馈。 Jason Small的屏幕截图，张贴在一个重复的问题中。 他们是如何做到的？Google的JavaScript反馈API从此处加载，其反馈模块概述将演示屏幕截图功能。

923 javascript  html  canvas  screenshot 

是否可以捕获或打印html画布中显示为图像或pdf的内容？ 我想通过画布生成图像，并能够从该图像生成png。

719 javascript  html  canvas  export  png 

我正在尝试使用javascript和canvas元素在客户端创建缩略图，但是当我缩小图像时，它看起来很糟糕。看起来好像是在Photoshop中缩小了尺寸，将重采样设置为“最近的邻居”而不是Bicubic。我知道有可能使它看起来正确，因为该站点也可以使用画布来很好地完成它。我已经尝试使用与[[Source]]链接中所示相同的代码，但是看起来仍然很糟糕。是否有我所缺少的东西，需要设置的设置或其他东西？ 编辑： 我正在尝试调整jpg的大小。我尝试在链接的网站和photoshop中调整相同jpg的大小，缩小尺寸时看起来还不错。 以下是相关代码： reader.onloadend = function(e) { var img = new Image(); var ctx = canvas.getContext("2d"); var canvasCopy = document.createElement("canvas"); var copyContext = canvasCopy.getContext("2d"); img.onload = function() { var ratio = 1; if(img.width > maxWidth) ratio = maxWidth / img.width; else if(img.height > maxHeight) ratio = maxHeight / img.height; …

314 javascript  html  canvas  image-resizing 

将click事件处理程序添加到canvas元素（将返回click的x和y坐标）（相对于canvas元素）的最简单方法是什么？ 不需要旧版浏览器兼容性，Safari，Opera和Firefox都可以。

276 javascript  canvas 

我想要一个包含一个中心词的网页。 我希望用动画来绘制该单词，以便页面以与我们相同的方式“写”出该单词，即，它从一个点开始并随时间绘制线条和曲线，从而最终结果是一个字形。 我不在乎这是使用<canvas>DOM还是DOM 完成，也不关心它是使用JavaScript还是CSS完成的。缺少jQuery会很好，但不是必需的。 我怎样才能做到这一点？我进行了详尽的搜索，没有运气。

229 javascript  css  canvas  html5-canvas  css-shapes 

关闭。这个问题不能重现，或者是由错别字引起的。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 6年前关闭。 改善这个问题 原谅有趣的标题。我创建了一个小图形演示，演示了200个球在墙壁上互相撞击和弹跳的情况。您可以在这里查看我目前所拥有的：http : //www.exeneva.com/html5/multipleBallsBouncingAndColliding/ 问题在于，只要它们相互碰撞，它们就会消失。我不知道为什么。有人可以帮我看看吗？ 更新：显然，球数组具有坐标为NaN的球。下面是我将球推入数组的代码。我不完全确定坐标如何获得NaN。 // Variables var numBalls = 200; // number of balls var maxSize = 15; var minSize = 5; var maxSpeed = maxSize + 5; var balls = new Array(); var tempBall; var tempX; var tempY; var tempSpeed; var tempAngle; …

202 javascript  canvas  geometry  physics  collision 

使用HTML5 <canvas>元素，我想加载图像文件（PNG，JPEG等），将其完全透明地绘制到画布上，然后使其淡入。我想出了如何加载图像并将其绘制到画布上。画布，但是绘制后我不知道如何更改其不透明度。 这是我到目前为止的代码： var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img = new Image(); img.onload = function() { c.drawImage(img, 0, 0); } img.src = 'image.jpg'; } 有人可以将正确的方向指向我，例如要设置的属性或要调用的会改变不透明度的函数吗？

196 html  canvas  transparency  opacity  alpha 

我有2个画布，一个使用HTML属性width并调整height其大小，另一个使用CSS： <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1会像应该显示的那样显示，但不会像compteur2那样显示。内容是使用JavaScript在300x300画布上绘制的。 为什么会有显示差异？

194 css  html  canvas  height  width 

HTML5 Canvas没有用于显式设置单个像素的方法。 可能可以使用很短的线来设置像素，但是抗锯齿和线帽可能会干扰。 另一种方法可能是创建一个小ImageData对象并使用： context.putImageData(data, x, y) 放置到位。 谁能描述一种有效且可靠的方法？

184 html  canvas  pixel 

是否可以固定HTML5 canvas元素的宽度和高度？ 通常的方法如下： <canvas id="canvas" width="300" height="300"></canvas>

181 html  canvas 

没有任何扩展库，同一个canvas元素中可以有多个图层吗？ 因此，如果我在顶层上执行clearRect，它将不会擦除底层？ 谢谢。

176 html  canvas  layer 

有人知道该怎么做吗？您会使用canvas对象，svg，jQuery等吗？

165 ipad  html  canvas  svg 

我希望能够在HTML 5画布中的鼠标下方放大该点，就像在Google Maps上放大一样。我该如何实现？

156 javascript  html  canvas 

我有以下工作代码： ctx = document.getElementById("canvas").getContext('2d'); 有什么办法可以重写它来使用$吗？这样做失败： ctx = $("#canvas").getContext('2d');

155 javascript  jquery  html  canvas