草庐IT

javascript - 在 Javascript 中将 rgba 值转换为一个整数

我已经可以像这样将32位整数转换成它们的rgba值:pixelData[i]={red:pixelValue>>24&0xFF,green:pixelValue>>16&0xFF,blue:pixelValue>>8&0xFF,alpha:pixelValue&0xFF};但我真的不知道如何扭转它。 最佳答案 要反转它,您只需将字节组合成一个整数。只需使用左移并添加它们,它就会起作用。varrgb=(red或者,为了使它更安全,您可以首先将它们中的每一个与0xFF相结合:varr=red&0xFF;varg=green&0xFF;v

javascript - 如何停止使用 canvas imageData 进行 alpha 预乘?

有没有办法停止Canvas数据的alphachannel预乘,或者有解决方法?我想生成一个图像(在本例中是一些随机的rgba值)并将Canvas保存为图像。在第二步中,我想使用imageData将原始图像与生成的图像进行比较,但是由于生成图像中我的rgba像素的alphachannel的预乘,这将不起作用。TheexamplefunctiondrawImage(ctx){varimg=ctx.createImageData(canvas.width,canvas.height);for(vari=img.data.length;i-=4;){img.data[i]=Math.floor

javascript - 在纯 JavaScript 中将 RGBA 渲染为 PNG?

假设我有一个canvas元素,我需要将Canvas上的图像转换为PNG或JPEG。当然,我可以简单地使用canvas.toDataURL,但问题是我需要每秒执行20次,而canvas.toDataURL是extremelyslow--由于浏览器正忙于转换为PNG,捕获过程会丢失帧。我的想法是调用context.getImageData(...),这显然要快得多,并将返回的CanvasPixelArray发送给WebWorker,然后WebWorker将将原始图像数据处理成PNG或JPEG。问题是我无法从WebWorker中访问nativecanvas.toDataURL,因此我需要求助

javascript - Chart JS 自定义工具提示选项?

我正在尝试使用Chart.Js构建图表。这个chart.js有工具提示的默认选项,我想定制工具提示选项。有没有办法让它成为可能?这是我的代码varchart=null;barChart:function(data1,data2,data3,label){vardata={labels:label,datasets:[{fillColor:"rgba(220,220,220,0.5)",strokeColor:"rgba(220,220,220,0.8)",highlightFill:"rgba(220,220,220,0.75)",highlightStroke:"rgba(220,2

javascript - 如何从CSS颜色中提取r、g、b、a值?

什么是最简单的转换方式$('#my_element').css('backgroundColor')这样反对:{r:red_value,g:green_value,b:blue_value,a:alpha_value}? 最佳答案 varc=$('body').css('background-color');varrgb=c.replace(/^(rgb|rgba)\(/,'').replace(/\)$/,'').replace(/\s/g,'').split(',');for(variinrgb){console.log(rgb

php - RGBA格式HEX转RGB格式HEX? PHP

我想在PHP中在RGBA格式的十六进制颜色(如0xFF0000FF)和RGB格式的十六进制颜色(如0xFF0000)之间来回转换。我该怎么做? 最佳答案 这两个函数将满足您的需要:functionrgbaToRgb($rgba){returnsubstr($rgba,0,-2);}functionrgbToRgba($rgb){return$rgb."FF";}第一个简单地删除最后两个字符,而第二个简单地附加FF。 关于php-RGBA格式HEX转RGB格式HEX?PHP,我们在Stac

php - 如何返回基于日期和随机的颜色值?

设计师想出了一个相当奇怪的想法或色轮(有36种颜色)。我需要编写一个返回一种颜色但基于日期的函数。HowthewebsiteshouldworkBasedonthecurrentdate(youseegermandatesontheimageunderneath)thesiteshouldhavethisbackgroundcolor.所以在“1月1日”,第一种颜色(蓝紫色或您可能称之为的颜色)应该是首页的背景。10天后下一个颜色。所以在一年内,所有36种颜色都应该按照轮子的顺序循环。我想直到那时中级程序员可以帮助我解决这个问题,我不知道该怎么做。但它变得稍微复杂一些设计师还希望网站的

php - 简单的颜色变化

我正在创建一个UI,用户可以在其中更改其页面的颜色值。我想要的是获取分配给它们背景颜色的值并将其变亮一定量。我只是想获得一条高光线,而不必每次都制作新图像。示例:用户将背景颜色设置为#ECECEC。现在我想让某个元素的边框变成#F4F4F4(一种更接近白色的颜色)。如果他们是使用Javascript、PHP甚至jQuery执行此操作的好方法,请告诉我。 最佳答案 一个更简单的解决方案是在CSS中使用rgba()颜色构造函数:border:1pxsolidrgba(255,255,255,0.7)这将创建一个70%不透明度的白色边框。

php - 具有多个变量的 Mod_rewrite

我正在使用一个PHP脚本,该脚本动态生成透明的PNG以用作CSS背景,来自采用RGBa和HSLa值的查询字符串。原脚本可见here,我只添加了HSLa支持。因为带有PHP查询字符串的背景URL不是很漂亮,而且因为它似乎打破了IE6透明PNGhack,我想到使用mod_rewrite允许在调用具有这种语法的.png时调用脚本:/assets/colors/h[0-360value]_s[0-100value]_l[0-100value]_a[0-100value].png这将被重写为:/assets/colors.php?h=[0-360value]&s=[0-100value]&l=[

java - Rgb、Rgba、Hsl、Hsla 颜色编码的正则表达式模式

我正在为这种字符串寻找一些正则表达式rgb(r,g,b)rgba(r,g,b,a)hsl(h,s%,l%)hsla(h,s%,l%,a)与:r,g,bintegerincludedbetween0and255,afloatbetween0and1(truncatedtofirstdigitafterthepoint)hintegerincludedbetween0and359s,lintegerincludedbetween0and100对于rgb,我写了那些正则表达式:rgb\(\s*((?:[0-2]?[0-9])?[0-9])\s*,\s*((?:[0-2]?[0-9])?[0-