我需要将我的图像转换为base64字符串,以便我可以将我的图像发送到服务器.这个有没有js文件......?否则如何转换它
是否有可能ImageData从不在画布上的图像中获取对象,而在DOM树中的其他位置作为正常<img>?
如果有,怎么样?
是否可以使用JavaScript和HTML动态生成图标,使用当前页面的图标作为背景,以及前景中的随机数?
例如,假设当前的favicon看起来与此类似:
======================
====XXXXXXXXXXXXXX====
====X=================
====X=================
====X=====XXXXXXXX====
====X============X====
====X============X====
====XXXXXXXXXXXXXX====
======================
Run Code Online (Sandbox Code Playgroud)
如果可能的话,我怎样才能使用JavaScript和HTML让它看起来与此类似:
======================
====XXXXXXXXXXXXXX====
====X=================
====X=================
====X=====XXXXXXXX====
====X=========--111--=
====X=========--1-1--=
====XXXXXXXXXX----1--=
==============--1111-=
Run Code Online (Sandbox Code Playgroud)
地图::
=白色背景
x:原始Favicon图像
-:红色生成的图像,带有数字
1:白色文本
思路:
我试图确定javascript中的两个图像是否相同(即使src网址不同).
我的具体用例是在chrome扩展中(虽然这是一个chrome扩展并不真正考虑到这个问题).我可以通过将img src设置为:来获取存储在chrome内部数据库中的favicon png的位置:
'chrome://favicon/'+url其中url是网站的实际网址.但是,我现在想找到所有独特的favicons.鉴于它们都将具有与内部数据库不同的URL,是否有一种简单的方法来比较javascript中的图像?
谢谢
有没有办法在javascript中将图像转换为二进制数据,反之亦然.
我有一些图像将显示在 React 应用程序中。我向服务器执行 GET 请求,该请求以 BLOB 格式返回图像。然后我将这些图像转换为 base64。最后,我在图像标签的 src 属性中设置这些 base64 字符串。
最近我开始使用 Fetch API。我想知道是否有办法在“一次”中进行转换。
下面是一个示例来解释我目前的想法和/或 Fetch API 是否可以实现这一点。我还没有在网上找到任何东西。
let reader = new window.FileReader();
fetch('http://localhost:3000/whatever')
.then(response => response.blob())
.then(myBlob => reader.readAsDataURL(myBlob))
.then(myBase64 => {
imagesString = myBase64
}).catch(error => {
//Lalala
})
Run Code Online (Sandbox Code Playgroud) 是否可以解析<img>DOM中的图像对象(),就像它已经使用FileReader上传和打开一样?我试图使用jpegmeta.js从JPEG中提取EXIF元数据,但它需要由FileReader返回的二进制字符串.
可以使用XHR从其URL加载图像并使用FileReader解析它.但是,如果每个图像必须下载两次,这将产生大量开销.另一种选择可能是使用画布,但在转换时会丢失exif数据.
大约一年前,我创建了一个增强控制台日志的插件,主要思想是在控制台中打印图像,例如,您可以添加一些图标或字形.
它工作得非常好,我看到现在有许多在线可用.问题是他们都没有工作.
我认为,在最后一次Chrome更新后我注意到了它.目前我有版本49.0.2623.112.
包括我在内的所有插件都以相同的方式工作:
console.log("%c" + dim.string, dim.style + "background: url(" + url + "); background-size: " + (this.width * scale) + "px " + (this.height * scale) + "px; color: transparent;");
Run Code Online (Sandbox Code Playgroud)
例如这一个:github上的插件链接
有谁知道我们如何在较新版本的chrome中在控制台中打印图像?
我正在尝试制作书签.但我陷入了困境.我需要使用"For Next"语句提取非常x像素的RGB或颜色值.但我不知道什么功能可以帮助我提取RGB值.有人可以帮我解决图片中给定点的RCG值的功能吗?