jjzjj

ImageData

全部标签

javascript - 如何为大像素的渐变制作动画?

我正在做一个项目,我希望黑暗覆盖屏幕,Angular色在黑暗中发光。我尝试为场景设置动画,然后使用以下代码在其上绘制黑暗:varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varcanvasWidth=canvas.width;varcanvasHeight=canvas.height;varpixelSize=30;varwidth=canvasWidth/pixelSize;varheight=canvasHeight/pixelSize;varlightX=canvasWidth/

javascript - JavaScript 中的 canvas ImageData 是否包含 EXIF 信息?

来自文档ImageData接口(interface)表示Canvas元素区域的底层像素数据我想知道ImageData是只有像素数据还是像素数据+元数据?元数据是指任何EXIF数据,例如方向、分辨率、文件类型或dpi。问题每当我将EXIF方向不是1的图像绘制到Canvas并将其作为ImageData读回时,当我将ImageData转换为DataURL时,生成的ImageData未在图像标签上正确对齐。在大多数浏览器中,移动和桌面浏览器都会出现问题。 最佳答案 不保留任何JPEG元数据,因为此元数据特定于JPEG文件本身。根据定义,Ca

javascript - 将 JavaScript 生成的图像上传到 Django

我有一个在客户端生成的图像,我想通过表单将其传输到服务器。例如,假设我有一个注册表单,其中的个人资料图像由JavaScript自动生成,我想将该图像传输到django。当用户点击提交按钮时,将图像二进制数据传输到服务器的最佳方式是什么?我应该使用什么表单域?谢谢! 最佳答案 我自己找到了答案,以下是解决方案以备不时之需:在客户端,这是从Canvas获取图像并将其设置为表单字段(隐藏的字符字段)的方式:vardataURL=document.getElementById('canvas_id').toDataURL("image/pn

javascript - 使用 Javascript 进行图像处理?

我正在尝试编写一个greasemonkey脚本,它最好能够处理图像(具体来说,找到图像中最暗的像素)。有没有办法做到这一点,或者我必须嵌入Flash? 最佳答案 由于它是特定于Firefox的,因此您可以使用canvas元素。我从来没有写过greasemonkey脚本,所以我不知道你会怎么做,但我的想法是,你创建一个新的Canvas元素并将图像绘制到Canvas上。然后,您可以从Canvas中获取像素值。//Createthecanvaselementvarcanvas=document.createElement("canvas"

javascript - 如何使用 HTML Canvas 执行洪水填充?

有没有人在javascript中实现了洪水填充算法以与HTMLCanvas一起使用?我的要求很简单:从一个点开始用单一颜色填充,其中边界颜色是大于指定点颜色的某个增量的任何颜色。varr1,r2;//redvaluesvarg1,g2;//greenvaluesvarb1,b2;//bluevaluesvaractualColorDelta=Math.sqrt((r1-r2)*(r1-r2)+(g1-g2)*(g1-g2)+(b1-b2)*(b1-b2))functionfloodFill(canvas,x,y,fillColor,borderColorDelta){...}更新:我自

javascript - 如何从 JPG 的 arrayBuffer 表示创建 Canvas imageData 数组

首先,我知道有实现此目的的标准方法(readAsDataURL和drawImage),但不幸的是,它们不适用于此特定用例。我正在使用文件读取器API作为数组缓冲区读取图像,如下所示:varreader=newfileReader();reader.onload=function(e){varbyteArray=newUint8ClampedArray(e.target.result);//dostufftothisarray}reader.readAsArrayBuffer(file);然后我用这个返回的数据创建一个clampedarray。我现在想做的是使用putImageData将

c++ - 输入层类型 : ImageData in windows caffe cpp giving Blank Output

我正在使用cpp在Windows中使用caffe处理图像分割问题。我正在使用“Imagedata”输入类型来训练网络,但在测试时我得到的是空白输出。谁能帮我分析一下这个问题。**********solver.prototxt***************test_initialization:falsebase_lr:0.01display:51max_iter:50000lr_policy:"step"gamma:0.1momentum:0.9weight_decay:0.0001stepsize:4069snapshot:10000snapshot_prefix:"snapshot

c# - 将 UIImage 转换为字节数组

我需要将UIImage转换为字节数组。我正在使用Xamarin的VisualStudio插件来生成iOS应用程序。下面的代码获取图像,但我需要将它作为字节数组而不是UIImage通过服务堆栈发送。varsignatureView=newSignaturePad.SignaturePadView(newRectangleF(10,660,300,150));signatureView.BackgroundColor=UIColor.White;this.View.AddSubview(signatureView);UIImagesignatureImage=signatureView.G

javascript - JavaScript 中的单色抖动 (Bayer, Atkinson, Floyd–Steinberg)

我正在玩HTML5中的网络摄像头过滤器。得到一个Atkinsondither非常适合那种老式Mac的感觉。Live|Code现在我正在尝试为1989Gameboy的感觉制作拜耳有序抖动选项。我readuponthealgorithm,但我无法将此伪代码转换为JavaScript:foreachyforeachxoldpixel:=pixel[x][y]+threshold_map_4x4[xmod4][ymod4]newpixel:=find_closest_palette_color(oldpixel)pixel[x][y]:=newpixel有没有AS3、PHP或JS的示例?你能解

javascript - 使用javascript获取Base64 PNG的像素颜色?

我有一个base64编码的PNG。我需要使用javascript获取像素的颜色。我假设我必须将它转换回普通的PNG。谁能指出我正确的方向? 最佳答案 使用base64图像作为源创建一个Image对象。然后您可以将图像绘制到Canvas上并使用getImageData函数获取像素数据。这是基本思想(我还没有测试过):varimage=newImage();image.onload=function(){varcanvas=document.createElement('canvas');canvas.width=image.width