JS Canvas -保存透明图像

文章/答案/技术大牛

发布

1回答

javascript、css、html、canvas

我使用以下代码下载(截取快照)画布： var canvas = document.getElementsByTagName('canvas')[0]; link.href = canvas.toDataURL(strMime); link.download= 'test1.png'

浏览 15提问于2017-08-28得票数 0

1回答

在html2canvas中将透明颜色更改为白色

javascript、html、css、html2canvas

我使用javascript库来保存我的项目的表。它工作良好，但当我保存图像时，它显示透明的背景颜色为PNG，背景颜色为jpeg黑色。("tablePng"),{ var img = canvas.toDataURL$('#saveTable').attr('href',img);

浏览 3提问于2014-05-27得票数 6

回答已采纳

1回答

具有透明部件的Fabricjs背景

fabricjs

我有一个带有背景图像的Fabric.js画布，它有一些透明的部分。我想要透明的部分，以显示的颜色，div背后的画布(例如，红色)。因此，这是可行的：canvas.setBackgroundImage(image, canvas.renderAll.bind(canvas), {}); 现在假设我想将图像的不透明度更

浏览 1提问于2016-06-10得票数 1

回答已采纳

1回答

透明的图像总是在画布上。在透明图像后面画

javascript、html、css、canvas

这是我的当我把我的画保存为图像时。我只想保存在图像下面绘制的“图纸”。这意味着保存除透明图像之外的所有内容。id="canvas

浏览 6提问于2017-03-20得票数 0

回答已采纳

1回答

画布不能正确地保存为图像，只是空白的透明图像

javascript、node.js、canvas

我正在循环遍历图像元素数组(从本地文件夹)，并将它们附加到画布上。最后，我希望将画布保存为图像，但它没有被正确保存。生成的图像与画布的尺寸相匹配，但它只是一个空白的透明图像。如果在test.js中，我没有将画布保存到图像中，而是使用resolve(canvas)，我可以在index.html中完美地显示它，因此我知道画布正在正确地编写。Test.js

浏览 0提问于2018-07-20得票数 0

回答已采纳

1回答

将裁剪的图像保存为JPEG格式，背景在Android中是不透明的。

java、android、image-processing、xamarin.android、jpeg

我的要求是，需要将图像裁剪成圆形，并保存为新的图像。为此，我在Android中使用画布的DrawRoundRect方法裁剪了位图图像。 Paint paint = new Paint();

浏览 1提问于2020-11-30得票数 1

1回答

如何在画布上绘制单色图像，但使用不同的颜色？

javascript、html、html5-canvas

如果有必要，我可以把它变成透明和白色的。我希望能够使用像下面这样的字体，使用不同的颜色在画布上画文本。我不想要这个图像的多份拷贝。

浏览 0提问于2019-09-24得票数 1

回答已采纳

7回答

使用Chart.js ()将Chart.js画布图转换为图像将生成空白图像

javascript、html、canvas、chart.js

我正在使用Chart.js。我试图通过获取一个基本的64字符串来将图表转换成图像。本教程()专门针对该主题使用了整整1行内容：小提琴中的“图像”是用黑色边框设计的

浏览 3提问于2013-11-26得票数 45

回答已采纳

3回答

html5画布背景图像消失在摩丝表情上

javascript、html5-canvas

我想要在画布上画一个图像，然后允许用户在上面画一些草图，我正在使用 jquery library.the当前的状态是：所以，我认为sketch.js确实清除了canvas.but --我不知道如何修复it.Any帮助？？canvas.html <canvas id="tools_s

浏览 12提问于2013-06-01得票数 1

2回答

使用C#，通过URI加载具有透明度的.png图像，将它们裁剪并绘制到画布上，然后将画布图像保存为png文件。

c#、javascript、html、visual-studio、canvas

我的目标是通过URI加载具有透明度的.png图像，裁剪它们并在画布上绘制它们，然后将画布图像保存为png文件。在javascript中，如下所示：var ctx = canvas.getContext('2d');something(canvas.toDataURL('image/png'

浏览 0提问于2014-09-12得票数 4

回答已采纳

1回答

如何使用画布更改图像的不透明度，然后将其加载到画布中的另一个图像上？

javascript、jquery、css、html、canvas

我想改变图像的不透明度，使其透明，并将该图像加载到画布中的另一个图像上，因为我不想使用任何其他工具来更改第一个图像的不透明度。更改画布中加载的图像的不透明度imgObject.src="myImage.jpg"; // getting context of canvasvar ctx=document.getElement

浏览 3提问于2016-03-08得票数 0

回答已采纳

2回答

如何从保存的base64映像中裁剪未使用的画布空间？

javascript、html、image、canvas、base64

有办法在保存之前裁剪base64图像吗？ pad = new SignaturePad(canvas); function resizeCanvas() {var ratio

浏览 2提问于2014-09-11得票数 3

回答已采纳

1回答

生成透明图像的html2canvas插件。

javascript、jquery、css、html2canvas

我正在做一个项目，在这个项目中，用户可以更改div中某些元素的css属性，然后在提交时，我正在为该div进行html2canvas保存，以便保存图像。图像是保存的，但它是透明的。变化没有反映出来。clTxtThree">Another Text</span></div> 联署

浏览 1提问于2014-07-09得票数 0

回答已采纳

1回答

画布上的drawImage()饱和颜色，扰乱alpha

html5-canvas、drawimage、color-depth

一个仍然存在的小谜团是，为什么在物体自身上画很多次也会使图像的区域变暗/饱和，而这些区域一开始是完全不透明的。我试着画一个以颜色为背景的矩形，但是当图像被画在上面的时候，它仍然存在<e

浏览 2提问于2013-06-23得票数 2

回答已采纳

2回答

使用processing.js将图像保存为png文件

javascript、processing.js

我有一个用processing.js制作的小绘图应用程序。我想保存使用应用程序制作的图像到使用php文件的服务器(这没有问题)。我知道canvas元素有一个获取内容的方法，即canvas.toDataURL()，但我不知道如何对processing.js执行同样的操作干杯!

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

回答已采纳

1回答

有没有一种方法可以在没有透明部分的2d帆布上绘制图像片段？

javascript、arrays、bitmap、html5-canvas、crop

我想在画布上画没有透明部分的图像。我的渲染原理是使用方法从大图像中裁剪小图像，并将它们存储在数组中。然后我在画布上一个一个地渲染它们。问题是，它也不必要地画出透明的部分。因为我的地图是10x10块，所以它会产生100张图像(其中96张是无用的)。相反，我只想保存4张图片。这不仅影响了我的表现，而且我也有更多的理由让我感到困扰。有办法解决这个问题吗？bmp = await createImageBitmap(img, x * tileWidth, y * tileHei

浏览 6提问于2022-07-17得票数 0

回答已采纳

1回答

使帆布透明

javascript、html5-canvas

<canvas id="cnv"></canvas>我使用以下代码将画布转换为图像：a.src = document.getElementById("cnv").toDataURL(); 完成此操作后，我将图像<em

浏览 5提问于2015-03-31得票数 0

回答已采纳

1回答

画布保存为图像[画布上的画布渲染svg ]

javascript、image、canvas、svg、canvg

我正试图将画布保存到网页上的文件中。画布非常复杂，是由几个图像(很少有半透明的.png文件、2个svg元素和4个其他画布)构建的，无论我如何保存它，都可以使用canvas.toDataURL()方法或使用domtoimage 或canvas2image我读到了“受污染”的画布，但是图像主机服务器和网页是一样的。此外，我很困惑，因为如果我通过单击RCM并选择“将图像保存为”函数来保存画布，它会保存我

浏览 2提问于2016-12-12得票数 1

回答已采纳

3回答

如何将带有画布的画布保存为无黑色背景的blob？

javascript、canvas

我正在尝试从charts.js中保存一个图表，但它是以黑色背景保存的，并且不知道如何将该背景更改为透明或白色。我使用的是Canvas to blob和FileSaver 这是我的脚本 $("#download").click(function() { canvas.toBlob(func

浏览 40提问于2019-01-03得票数 3

回答已采纳

2回答

使用Selenium从画布标签创建PIL图像对象时出现问题

python、selenium、selenium-webdriver、python-imaging-library、pillow

我正在尝试创建一个PIL图像对象基于从网站上使用Selenium提取的canvas标签。目标是使用pytesseract并获取验证码内容。我的代码没有引发任何错误，但是创建的图像全是黑色的。到目前为止我的代码如下：png_url = driver.execute_script( 'return document.getElementsByTagName("canvas")[0].toDataURL(

浏览 0提问于2016-06-22得票数 0

点击加载更多