如何从画布中保存图像
最近，我一直试图通过依靠Webrtc创建一个照相亭，并几乎完成了所有的代码，除非我没有找到一种方法来保存图像后，它被捕获。 这是我到达目标的最接近的目标： fotogoof
..
canvas相关内容
将Canvas元素下载到图像
保存画布对象的不同方法是什么？ 在我的研究中，我发现了两种方法： var data = canvas.toDataURL（）; var prev = window.location.href; window.location.href = data.replace（“image / png”，“image / octet-stream”）; window.location
..
使用cropper js将canvas转换为blob
我使用 cropper.js 创建了一个应用程序，用于裁剪图片。应用程序正在工作，图像正在裁剪，之后，我试图发送裁剪图像作为blob到服务器端进行存储 根据 cropper.js 文档，我们可以使用 canvas.toDataURL 获取数据网址，或使用 canvas.toBlob 获取一个blob，并使用FormData将其上传到服务器。当我尝试 canvas.toDataURL（）我得到
..
所有的浏览器都不发送原始标头
我尝试将图片加载到canvas元素中，然后将数据拖到toDataURL（）中。 我的网站使用Ruby on Rails 2.3 我的图片从aws s3投放。我有设置cors：
..
绘制好的看（在Flash中）画布上的线条（HTML5） - 可能吗？
有什么方法可以使用javascript和“更好”的抗锯齿绘制一条线，像Flash吗？ 我知道Math.floor +0.5技巧，当你需要一个精确的1像素线，但这不是我的意思。在所有浏览器中，使用canvas在所有浏览器中显示的以下蓝色线条支持html5和cavas，因此他们可能使用相同的 bad 抗锯齿算法（可能是针对速度编码的，而不是针对最佳视觉印象）。无论线宽是多少，都是一样的（实际上是
..
当左鼠标停止并在Chrome上移动时，Html画布滞后
我创建了一个画布，我已经添加了鼠标事件： canvas = document.getElementById ）; context = canvas.getContext（'2d'）; canvas.width = screenWidth; canvas.height = screenHeight; ... //在启动时调用： function setup（）{
..
为什么我的画布在转换为图像后空白？
我试图转换此页面上的画布元素使用以下代码段（例如在JavaScript控制台中输入）： （function convertCanvasToImage（canvas）{ var image = new Image（）; image.src = canvas.toDataURL（“image / png”）; return image; } ）[0]）;不幸的是，我得到的png是完全
..
在画布上绘制的文本的抗锯齿性差
我在Canvas上绘制文字，对抗锯齿的质量感到失望。就我已经能够确定，浏览器不做子像素反对在Canvas上的文本。 这是否正确？ 这在iPhone和Android上特别明显，作为由其他DOM元素呈现的文本。 对Canvas的高品质文字提出任何建议吗？ Joubert 解决方案 我的回答来自这个链接，也许它会帮助别人。 http://www.html5rocks.c
..
通过JavaScript访问SVG数据
我正在使用SVG& JS。事情进展顺利，但我对数据处理感到困惑。 用户创建的对象的数据动态附加到SVG根目录。在哪里&如何存储这个SVG数据，我如何访问它？我想读取的原因是，我想将此SVG数据转换为HTML5画布（使用Google的 canvg ）和 任何指导都会非常感激。 。 在脚本动态创建和添加新元素时，这是内存中的表示形式。在这里可以看到一个非常简单的例子： h
..
（HTML5）Canvas有相当于一个图像映射吗？
Canvas元素相当于 img的地图，因此您可以定义在canvas元素上可点击的区域？ 这里有一个简单的地图： http://www.w3.org/TR/html5/the-canvas-element.html ，但我不能 解决方案 Canvas上的地图目前是HTML5的一个开放性问题。问题105是准确的。请参见 http://www.w3.org/html/wg/tracker/
..
canvas getContext（“2d”）返回null
我尝试过这几种不同的方法，但我仍然遇到相同的错误。我之前已经加载了一个图像到canvas，但是从几天前我更新了Safari，我收到了错误。 我会发布我在时间，但我已经尝试用jQuery，html的onLoad属性等。 var cvs，ctx，img; function init（）{ cvs = document.getElementById（“profilecanvas”）;
..
画布图，如线条，是模糊的
我有一个
和画布使用： context.lineWidth = 1; context.strokeStyle =“gray”; 绘图看起来模糊不清（lineWidth小于1会创建更糟糕的图片） div的边界。是否可以使用画布获得与HTML相同的绘图质量？ var
..
如何编辑像素和删除白色背景在HTML5和JavaScript的画布图像
如果我加载图片，如何循环遍历其所有像素，并将白色（或我指定的颜色）变成透明？ 我有一个想法如何做到这一点，但循环过程应该像一个2d数组，所以它会涉及两个for循环。 我想我会开始在顶行第一个像素，迭代到右边，如果它的一个白色像素，然后我把它透明，并向右移动1个像素，如果它不是白色，然后我停止。然后在同一行中，我从最左边的像素开始，检查，如果白色，我把它透明，然后向左移动1像素等等...
..
使用WPF中的XAML，通过其中心（而不是左上角）在Canvas中定位元素
关于在 Canvas 中定位元素的常见问题是“如何定位元素的中心（而不是左上角）”。 WPF：调整圆圈大小，保持中心点而不是TopLeft？ WPF中心椭圆在X，Y 在canvas上定位WPF元素 解决方案，但他们都有缺点。 最简单的解决方案是适应元素大小期间设置 Canvas.Left 和 Canvas.Top 属性。这工作，但只有一次。此解决方案不支持绑定，它会在元素大小
..
移动画布图案的起始位置
我有一个代码： 函数draw（ctx）{ //创建新的图像对象as pattern var img = new Image（）; img.onload = function（）{ //创建模式 var ptrn = ctx.createPattern（img，'repeat'）; ctx.fillStyle = ptrn; ctx.fillRect（0,0,150,15
..
在HTML5 canvas上用鼠标点击两次绘制一条线？
如何在画布上用两次鼠标点击绘制一条线？ 解决方案 代码很简单，以获得良好的基础： 演示： http ：//jsfiddle.net/NpDdt/10/ JavaScript ： var clicks = 0; var lastClick = [0，0]; document.getElementById（'canvas'）。addEventListener（'
..
清除画布矩形（但保留背景）
我正在尝试动画一个圆圈，只是水平移动它工作正常。然而，当圆移动，我必须做一个clearRect在那个圆，使它自己在水平方向重画。当我做一个clearRect它也使背景有白框周围，所以有效地它是一个白色的水平线在圆的移动方向。 有没有办法清除没有clearRect的圈子？ 如果我在clearRect后不得不重新绘制背景，那么当该区域中有10个圆圈移动时，画布会闪烁。 任何其他方法来解决
..
HTML2canvas生成模糊图像
我使用jsPDF，它使用html2canvas从一些html元素生成图像并插入.pdf文件。但是在html2canvas有一个问题，它从html生成模糊的图像。请参阅以下示例： HTML内容： http://puu.sh/7SZz4.png html2canvas生成的图片： http://puu.sh/7SZAT.png 有任何方法来修复它，或有什么更好的选择获取图
..
画布 - 在完全透明的所有区域填充矩形
我在使用HTML5 canvas编写一个简单的2D游戏引擎。我来添加一个照明引擎。每个光源具有半径值和强度值（0-1，例如1将非常亮）。还有一个环境光值，用于点亮世界上没有光源（0-1，例如0.1将是月光）附近的一切。照明的过程在主画布上方的单独画布上完成： 对于每个光源，在该位置绘制径向渐变具有与光源相同的半径。梯度给出两个停止：中心是黑色的，具有1-强度的光的α，并且末端/边缘是黑色的，
..
使用“打开方式”命名从Canvas保存的PNG文件。对话
我使用canvas，我可以将我的画布保存到png。 通过环顾四周，我发现了伟大的toDataURL W3C。 我也使用了nihilogic的canvas2image，我们可以在这个页面找到：
..