html5支持.9.png,javascript-当Alpha透明时,HTML5 Canvas转换为PNG会将所有通道归零

我有一个Uint32Array,我正在尝试将其转换为WebGL的纹理.为此,我将数组写为Canvas上的RGBA值,并从画布获取以base64编码的PNG作为纹理发送.

每当我将像素值设置为alpha为0时,转换为PNG时相应的RGB通道也会被清零.这是实施细节吗？如果要在其他一些非HTML5程序中创建PNG,我可以将(RGBA)四元组设置为(255,255,255,0)吗？我尝试使用1的alpha值,并且所有其他通道保持不变,因此这不是预乘alpha的问题.

以下是一些JavaScript代码可重现此效果：

var img = new Image();

var canvasObj = $('');

var context = canvasObj[0].getContext('2d');

var imgd = context.getImageData(0,0,1,1);

var pix = imgd.data;

pix[0]=255; pix[1]=255; pix[2]=255; pix[3]=0;

context.putImageData(imgd,0,0);

img.src = canvasObj[0].toDataURL("image/png");

context.drawImage(img,0,0);

var imgd2 = context.getImageData(0,0,1,1);

var pix2 = imgd2.data;

pix2全为0.

谢谢！

解决方法:

…fully transparent pixels should all be assigned the same

color value for best compression.

我找不到直接来源,但似乎这个特定的实现将所有通道设置为零.

标签：png,html5-canvas,javascript

来源： https://codeday.me/bug/20191201/2077680.html

html5支持.9.png,javascript-当Alpha透明时,HTML5 Canvas转换为PNG会将所有通道归零相关推荐

html5画分形图形,2.5 绘制透明图形 - HTML5 Canvas 实战
对于需要图形分层的应用,经常需要处理透明度.本节,我们将学习如何使用全局透明度设置图形的透明度. 图2-5 绘制透明图形绘制步骤按照以下步骤,在一个不透明的矩形之上,绘制一个透明的圆: 1. 定义 ...
支持Flash和JavaScript的图表控件FusionWidgets
FusionWidgets是一款功能强大的图表控件,同时支持Flash和JavaScript(HTML5),可用于PCs, Macs, iPads, iPhones 等,包含一系列实时仪表和自动更新图 ...
透明这种颜色的html,透明颜色HTML5帆布
我有一个简单的Pong游戏,用一些Javascript和Canvas标签制作.透明颜色HTML5帆布我将画布标记的背景颜色设置为透明,以便可以在画布下显示div标记的背景图像. 问题是,当我将它设置 ...
iOS Web应用开发：运用HTML5、CSS3与JavaScript
<iOS Web应用开发:运用HTML5.CSS3与JavaScript> 基本信息原书名:Pro iOS web design and development:HTML5, CSS3, ...
HTML5期末大作业：动漫网站设计——html5响应式手机滑动海贼王漫画网页设计(6页) HTML+CSS+JavaScript
HTML5期末大作业:动漫网站设计--html5响应式手机滑动海贼王漫画网页设计(6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作 ...
AE489 4K卡通水火焰手绘烟雾漫画泡泡文字闪光特效元素包带Alpha透明通道ae模板
AE489 4K卡通水火焰手绘烟雾漫画泡泡文字闪光特效元素包带Alpha透明通道ae模板模板用途:液体,综艺节目动画元素,泡泡文字,卡通,卡通泡泡,文字效果,火,独特,闪光效果,手绘,烟,标题,水 ...
Web移动应用：HTML5，CSS和JavaScript
移动设备的广泛使用,使许多传统开发者很无奈.一个企业真的既需要一个Web站点又需要一个移动应用程序吗?本文讨论了HTML 5的可移植性以及为什么在所有的移动平台上都可以良好运行的HTML5,CSS和J ...
html5展示json数据库,显示数据在html5从数据库使用javascript和json
我想从MySQL数据库显示在html中的列表.要从MySQL获取数据我使用json和javascript.但它什么也没有显示!显示数据在html5从数据库使用javascript和json 我的HTM ...
《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——导读
本节书摘来自异步社区<iOS应用开发指南--使用HTML5.CSS3和JavaScript>一书中的目录,作者 [美]Kristofer Layon,更多章节内容可以访问云栖社区" ...

html5支持.9.png,javascript-当Alpha透明时,HTML5 Canvas转换为PNG会将所有通道归零

html5支持.9.png,javascript-当Alpha透明时,HTML5 Canvas转换为PNG会将所有通道归零相关推荐

最新文章

热门文章