JS-如何将图像对象变成灰度并显示出来
基本上,当单击按钮时,它会告诉移动设备进入相机.一旦相机拍摄图片,它就会给我图像数据(是否称为数据URL?).这是我处理它的代码: var imagesrc = "data:image/jpeg;base64," + imageData; var myimage = new Image(500, 500); myimage.src = imagesrc;
2 2023-05-22
编程技术问答社区
在javascript中生成MIDI
我想在JavaScript中生成一系列MIDI音符,然后播放.许多插件支持MIDI,但我不知道任何支持的"数据:" URL.生成MIDI内容并不重要 - 但是将此内容喂入玩家是.任何人都知道如何做到这一点 - 如果不是一般,那么至少对于QuickTime(例如QuickTime)? 解决方案 非常整洁的问题.我最近一直在使用Base64编码的图像工作,并且经常使用 http://.greywyvern.com/code/php/binary2base64 用于图像编码.我只是尝试将MIDI文件转换为HTML,然后将Base64文本流放入HTML中,它在Firefox(令我惊讶)中的表现不错.这是代码(base64流以简短删除):
2 2023-03-27
编程技术问答社区
在AngularJS中使用包含base64数据的变量加载图片src
使用包含base64数据的变量加载图像 我正在尝试找到正确的方法来从包含base64编码的图像数据的变量加载图像源(例如,使用toDataURL();从画布中拉出). 首先,我只是这样尝试了: 其中图像是一个范围变量,其中包含base64数据的变量dataURL.这实际上是运行良好的,唯一的问题是我在控制台上遇到404错误.这样的东西: get .dataurl%7D%7d 404(找不到) 不那么漂亮.当我尝试这样的更角度样式的解决方案时: 这些图像根本没有加载. 我做了一个小提琴,您可以找到 有什么建议如何摆脱我的控制台中的此错误? 编辑: 粗鲁的兔子是对的.这个正在工作... 可以找到工作解决方案 解决方案
0 2023-03-12
编程技术问答社区
新标签中的Base64 PDF在刷新前显示空白页
标题确实说明了一切...我有一个base64 pdf字符串,我附加到: data:application/pdf;base64, 使用我的网页中的链接将PDF带入新标签中.一个空白页最初会显示,但随后我刷新了页面,并且显示完美. 只有在我更改了nodejs代码以重新删除PDF之前,此问题才开始使用https模块重新读取PDF,但是现在我使用的是request. https://jsfiddle.net/o7upp4d8/ 解决方案 当前有一个推动新的window s的推动力,使能够导航到data URL 意图贬低和删除:top-frame导航到数据urls .显然已经实现了"功能". 这个想法提出了一些反对意见,但显然还不够.至少还没有.
6 2023-03-10
编程技术问答社区
安全错误 "代码。"1000在Firefox上使用Canvas.toDataURL
我有错误,例如 jquery and canvas.todataurl 一些用户告诉可能会在服务器上运行它 但 我在服务器上运行它,而不是本地 仍然得到此"安全错误"代码:" 1000'错误. 安全错误"代码:" 1000 [中断此错误]数据:'raw ='+canvas.todataurl(" image/png",""), 解决方案 哦,我找到了解决方案 只需更改 toDataURL('image/png', '') to toDataURL() 它正确运行
8 2023-03-06
编程技术问答社区
html5画布toDataURL返回空白图片
以空白画布开头: 然后初始化该画布: function init_canvas(){ var canvas = document.getElementById('myCanvas'); context = canvas.getContext('2d'); context.lineCap = 'round'; // fill it with white background context.save(); context.fillStyle = '#fff'; context.fillRect(0, 0, context.canvas.width, context.canvas.height); context.restore(); return; } 然后在画布上做一堆绘画.
10 2023-03-06
编程技术问答社区
canvas.toDataURL()工作不正常
我有一个帆布,其中我上传了一个图像,上面有以下代码: function handleImage(e){ var reader = new FileReader(); reader.onload = function(event){ var img = new Image(); img.onload = function(){ canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img,0,0); } img.src = event.target.result; } reader.readAsDataURL(e.target.files[0]); } 现在,我想使用canvas.toDataURL()将图像加载到另一个画布上.代码是
4 2023-03-06
编程技术问答社区
jQuery和Canvas.toDataURL
我正在制作脚本,其中一小部分涉及拿画布并将其转换为可下载的图像.为此,我做: var thumb_jpeg = thumbnail.toDataURL("image/jpeg"); $("#" + options.dest).attr('src',thumb_jpeg); ...缩略图是帆布标签和选项.dest是IMG ID的名称. 此代码在Chrome中很好地工作,但是当我在Firefox中尝试它时,Firebug引发了此错误: Security error" code: "1000 var thumb_jpeg = thumbnail.toDataURL("image/jpeg"); 我会链接到整个脚本,但是所有内容都托管在我的计算机上.有人知道这可能是什么意思吗? 谢谢! 杰夫 解决方案 我相信这可能是因为您将其托管在计算机上.您是直接从本地文件系统工作,还是在MAMP或WAMP等本地服务器上工作?我以前弹出了此安全代码,当我将文件从硬盘驱动
26 2023-03-06
编程技术问答社区
Canvas toDataUrl增加了图像的文件大小
使用todataurl()设置图像标签的来源时,我发现保存时的图像比原始图像大. 在下面的示例中,我没有为Todataurl函数指定第二个参数,以便使用默认质量.这导致图像比原始图像大小要大得多.指定1以全质量时,生成的图像更大. 有人知道为什么会发生这种情况还是我如何停止它? // create image var image = document.createElement('img'); // set src using remote image location image.src = 'test.jpg'; // wait til it has loaded image.onload = function (){ // set up variables var fW
66 2023-03-06
编程技术问答社区
将数据-URL转换为BufferedImage
我有一个来自图像文件的数据 - 必须将其传递到另一个函数.沿着从data-url到BufferedImage的这条路径,它需要是一个bytearray. 我的方法如下: String dataUrl; byte[] imageData = dataUrl.getBytes(); // pass the byteArray along the path // create BufferedImage from byteArray BufferedImage inputImage = ImageIO.read(new ByteArrayInputStream(imageData)); // If the picture is null, then throw an unsupported image exception. if (inputImage == null) { throw new UnknownImageFormatException(); } 问题
4 2023-01-31
编程技术问答社区
如何从无到有创建一个base64文件?
我希望能够创建base64文件(图像,声音,视频),而无需任何以前的模型.例如,如果我想创建一个base64 64px*64px红色映像,我该如何在不创建画布的情况下执行此操作? 我也想创建一个没有模型的声音(注意). 我已经在Google上搜索了有关Base64编码的一些文档,但我似乎并没有为我的需要找到具体的内容. 我要使用JavaScript,但是我想每种语言都应该相同. 解决方案 尝试 function createFile(_data) { var _data = ["", "
6 2023-01-28
编程技术问答社区
在IE6下,图像在一个文件中,不使用php。
我需要创建一个带有所有图像和CSS的页面,因此只有一个文件. 我知道有类似MHT(即Web存档),但是有问题.它仅在IE和Opera中起作用,而不是在FF中起作用.我需要我的页面在所有IE(6+),Opera和FF中工作.我知道有一种方法可以在base64中编码我的图像,而且我也知道,IE 6和7不支持数据URL.我已经看过 Dean Edward dean Edward的技巧IE 6和7 仅适用于PHP支持.而且我不能使用PHP,所以这对我不起作用. 那么,有什么方法可以创建此类页面?请不要给我答案,例如"谁今天使用IE6"或"安装Chrome框架".我知道这一切,但是我需要这样工作. 感谢您的答案! 解决方案 没有跨浏览器将所有资源集成到一个HTML文件中. 您最好的选择可能是为IE提供一个.MHT文件,一个data: uris for Firefox等人. 在某些情况下,可行的折衷可能是使用包含所有资源的zip文件,该文件使用相对URL引用.用
4 2023-01-22
编程技术问答社区
数据url到图片的下载,在php中
我正在使用 canvas 创建图像,并使用以下脚本, function getImage() { var canvas1 = document.getElementById("images"); if (canvas1.getContext) { var ctx = canvas1.getContext("2d"); var myImage = canvas1.toDataURL("image/jpg"); } $(' ' + '' + '').submit(); } 和我的下载文件中的文件是
8 2023-01-22
编程技术问答社区
我可以将图片以文件形式存储在Firebase上,而不是以data:url形式存储吗?
我想将图像存储在firebase上,并想在某个地方使用它.我经历了 so Post href =" http://krumbs.net/demo/firebase_2/" rel =" nofollow noreferrer">此演示 它将图像存储为数据:URL格式.但是我想将图像上传并存储为物理文件,以便我可以进一步使用它,类似于此url http:http:http:http:http://example.com/some_image.png 我可以用firebase实现这一目标吗? 解决方案 否. Firebase API当前不支持其数据库之外存储文件. 更新:在Google I/O 2016上,Firebase添加了
4 2023-01-22
编程技术问答社区
重命名由HTML5画布创建的图像
我制作了一个简单的画布并将其保存为图像.我在此代码的帮助下完成了此操作: var canvas = document.getElementById("mycanvas"); var img = canvas.toDataURL("image/png"); 并以此为弹出创建的图像: document.write(''); 但它的名字总是很奇怪.我想重命名图像名称,例如faizan.jpg等.我该怎么做? 解决方案 简单地说,您不能.当您在HTMLCanvasElement上调用Todataurl方法时,它会生成图像的字符串表示形式作为数据URL.因此,如果您尝试保存图像,则浏览器会给它一个默认文件名(例如,如果数据URL为png文件,则将其保存为default.png). 存在许多解决方法.最简单的是将AJAX调用到服务器,将图像保存在服务器端上,然后返回保存的图像的URL,然后可以访问并保存在客户端上:
18 2023-01-22
编程技术问答社区
在JavaScript中从DataURL下载文件
从该字符串中我们从DataUrl获得,将其下载为文件的最佳方法是什么? 到目前为止,我得到的是基本window.open("myDataURL");,但是我无法以这种方式更改文件名. window.open('data:application/msword;base64,0M8R4KGxGuEAAAAAAAAAAAAAAAAAAAAA PgADAP7/CQAGAAAAAAAAAAAAAAACAAAANQAAAAAAA AAAEAAANwAAAAIAAAD+////AAAAADQAAABsAA/', '_blank','height=300,width=400'); 我想知道是否有任何方法可以正确处理此数据. 解决方案 您可以将下载属性添加到锚点元素. 样本:
6 2023-01-21
编程技术问答社区
使用新的FileReader API和DataURLs的Javascript预览似乎效率不高
我正在使用新的FileReader API预览图像.这是使用数据图完成的.但是,如果图像很大,数据图可能会很大.这对我来说尤其是一个问题,因为用户可以一次上传多个图像,并且预览束实际上已经大大减慢了我的浏览器,并且实际上崩溃了几次. 上传之前,是否有使用DataUrls在客户端上预览图像的替代方法? 解决方案 您还可以将数据存储在客户端磁盘上(在另一个位置,因此您可以使用JavaScript访问文件).在这个主题方面,本文非常广泛: / 不支持所有浏览器. 您必须请求存储空间(文件系统),然后创建文件,向其写入数据,最后获取URL: window.requestFileSystem(window.PERSISTENT, 5*1024*1024, function(fs) { fs.root.getFile(filename, {create: true}, function(fileEntry) { fileEntry.cre
2 2023-01-17
编程技术问答社区
如何在一个HTML文件中对图像数据进行编码?
我希望能够输出包含图像(文件本身)的HTML文件.通过谷歌搜索,我遇到了几种方法: javascript:imageData 数据URI,例如 标签(尽管这使用了数据URI,因此可以继承相同的限制) ,但我不知道哪些更好地得到浏览器的支持,或者是否还有其他选择. 任何有实用经验的人可以为我提供建议吗?谢谢. 解决方案 关于浏览器支持,来自 wikipedia wikipedia : 数据uris当前由 以下网络浏览器: 壁虎及其衍生物,例如Mozilla Firefox 歌剧 KDE,通过KIO输入/输出系统.这使Konqueror KDE浏览器可以支持数据URI. Safari;尽管Safari的渲染引擎WebKit是Konqueror的Khtml引擎的衍生产品,但Mac OS X不共享KIO Slaves架构,因此未共享实现. iP
8 2023-01-15
编程技术问答社区