如何清除画布以进行重绘

[英]How to clear the canvas for redrawing

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

将 HTML Canvas 捕获为 gif/jpg/png/pdf？

[英]Capture HTML Canvas as gif/jpg/png/pdf?

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

"使用 HTML5\/Canvas\/JavaScript 在浏览器中截屏"

[英]Using HTML5/Canvas/JavaScript to take in-browser screenshots

Google 的“报告错误”或“反馈工具”允许您选择浏览器窗口的一个区域来创建一个屏幕截图，该屏幕截图与您对错误的反馈一起提交。 Jason Small 的屏幕截图，发布在重复的问题中。 他们是怎么做到的？ Google 的 JavaScript 反馈 API 从这里加载，他们对反馈模块的 ...

如何使用 canvas.toDataURL() 将 Canvas 保存为图像？

[英]How To Save Canvas As An Image With canvas.toDataURL()?

我目前正在构建一个 HTML5 web 应用程序/Phonegap 本机应用程序，我似乎无法弄清楚如何使用canvas.toDataURL()将我的 canvas 保存为图像。 有人可以帮帮我吗？ 这是代码，它有什么问题？ //我的canvas被命名为“canvasSignature” Jav ...

如何更改canvas元素中元素的不透明度（alpha，透明度）？

[英]How to change the opacity (alpha, transparency) of an element in a canvas element?

使用 HTML5 <canvas>元素，我想加载一个图像文件（PNG，JPEG 等），将其完全透明地绘制到 canvas，然后淡入。我已经弄清楚如何加载图像并绘制它到 canvas，但我不知道如何改变它的不透明度。 这是我到目前为止的代码： 有人会给我指出正确的方向，比如设置属性或调用 ...

使用 javascript 画布调整图像大小（平滑）

[英]Resize image with javascript canvas (smoothly)

我正在尝试用画布调整一些图像的大小，但我对如何平滑它们一无所知。 在 photoshop、浏览器等上，他们使用了一些算法（例如双三次、双线性），但我不知道这些是否内置到画布中。 这是我的小提琴： http : //jsfiddle.net/EWupT/ 第一个是普通调整大小的图像标签，第二个是 ...

使用鼠标在 HTML5 Canvas 上绘图

[英]Draw on HTML5 Canvas using a mouse

我想使用鼠标在 HTML Canvas 上绘图（例如，绘制签名、绘制名称……） 我将如何 go 来实现这个？ ...

如何将图像添加到画布

[英]How to add image to canvas

我正在尝试使用 HTML 中的新 canvas 元素。 我只是想在画布上添加一个图像，但由于某种原因它不起作用。 我有以下代码： HTML CSS JS 图像存在，我没有收到任何 JavaScript 错误。 图片只是不显示。 这一定是我错过的非常简单的事情...... ...

HTML5中的画布宽度和高度

[英]Canvas width and height in HTML5

是否可以修复HTML5 canvas元素的宽度和高度？ 通常的方法如下： ...

在 HTML5 画布中调整图像大小

[英]Resizing an image in an HTML5 canvas

我正在尝试使用 javascript 和 canvas 元素在客户端创建一个缩略图图像，但是当我缩小图像时，它看起来很糟糕。 它看起来好像在 Photoshop 中缩小了尺寸，重采样设置为“最近的邻居”而不是双三次。 我知道有可能让它看起来正确，因为这个网站也可以使用画布来做。 我尝试使用与“[So ...

在 HTML5 canvas 上绘制 SVG 文件

[英]Drawing an SVG file on a HTML5 canvas

是否有将 SVG 文件绘制到 HTML5 canvas 上的默认方法？ 谷歌浏览器支持将 SVG 作为图像加载（并且只需使用drawImage ），但开发人员控制台确实警告resource interpreted as image but transferred with MIME type ima ...

如何向画布元素添加一个简单的 onClick 事件处理程序？

[英]How do I add a simple onClick event handler to a canvas element?

我是一名经验丰富的 Java 程序员，但我在大约十年内第一次看到一些 JavaScript/HTML5 的东西。 我完全被什么应该是有史以来最简单的事情难住了。 作为一个例子，我只是想画一些东西并向它添加一个事件处理程序。 我确定我在做一些愚蠢的事情，但我已经搜索了所有内容，没有任何建议（例如这个 ...

HTML5 Canvas 100% 宽视口的高度？

[英]HTML5 Canvas 100% Width Height of Viewport?

我正在尝试创建一个占视口宽度和高度的 100% 的画布元素。 你可以在我的例子看到这里正在发生，但它是在Chrome和FireFox中添加滚动条。 如何防止出现额外的滚动条并仅提供与画布大小相同的窗口的宽度和高度？ ...

如何在html5中居中画布

[英]How to center canvas in html5

我一直在寻找解决方案一段时间了，但没有找到任何东西。 也许这只是我的搜索词。 好吧，我正在尝试根据浏览器窗口的大小使画布居中。 画布为 800x600。 如果窗口低于 800x600，它也应该调整大小（但目前这不是很重要） ...

在 JavaScript 中拆分字符串并检测换行符

[英]Split string in JavaScript and detect line break

我发现了一个小函数，它从textarea中获取一个字符串，然后将其放入一个canvas元素中，并在该行太长时将文本换行。 但它不检测换行符。 这是它正在做什么以及它应该做什么： 输入： 错误输出： 它应该输出什么： 这是我正在使用的功能： 有可能实现我想要的吗？ 或者有没有办法简单 ...

如何将画布保存为png图像？

[英]how to save canvas as png image?

我有一个带有绘图的画布元素，我想创建一个按钮，单击该按钮时，它将图像保存为 png 文件。 所以它应该打开保存，打开，关闭对话框...... 我用这段代码来做 但是当我在 IE9 中测试它时，会打开一个新窗口，上面写着“无法显示网页”，它的 url 是： 有人知道怎么修这个东西吗？ ...

Chart.js 画布调整大小

[英]Chart.js canvas resize

在（ Android WebView HTML5 画布错误）中，我发布了一个关于使用 Graph.js 库绘制图形的问题。 我现在的问题是，如果我多次调用函数来绘制图形，画布每次都会调整大小。 每次将图形重新绘制到同一画布上时，其大小也会发生变化。 我也尝试设置画布的大小但没有成功。 可能是什么原 ...

HTML5 画布背景图片

[英]HTML5 Canvas background image

我试图在我找到的这个画布脚本的背面放置一个背景图像。 我知道这与 context.fillstyle 有关系，但不知道如何去做。 我希望该行阅读如下内容： 这是我当前的代码： 修改后的代码 - 目前只显示黑色作为背景，而不是图像： ...

如何在html5中制作透明的canvas？

[英]How do I make a transparent canvas in html5?

如何使 canvas 透明？ 我需要这样做，因为我想将两幅画布叠放在一起。 ...

html5 - 画布元素 - 多层

[英]html5 - canvas element - Multiple layers

没有任何扩展库，是否可以在同一个画布元素中拥有多个图层？ 所以如果我在顶层做一个 clearRect ，它不会擦除底部的？ 谢谢。 ...