相关疑难解决方法(0)

如何使用javascript将图像转换为base64字符串

我需要将我的图像转换为base64字符串,以便我可以将我的图像发送到服务器.这个有没有js文件......?否则如何转换它

javascript base64

456
推荐指数
12
解决办法
63万
查看次数

JavaScript:在没有画布的情况下获取ImageData

是否有可能ImageData从不在画布上的图像中获取对象,而在DOM树中的其他位置作为正常<img>

如果有,怎么样?

javascript html5 canvas

50
推荐指数
3
解决办法
5万
查看次数

动态生成的图标

是否可以使用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:白色文本

思路:

  • 帆布?
  • 数据Uri?

html javascript favicon html5-canvas

42
推荐指数
2
解决办法
6736
查看次数

在JavaScript中比较两个图像

我试图确定javascript中的两个图像是否相同(即使src网址不同).

我的具体用例是在chrome扩展中(虽然这是一个chrome扩展并不真正考虑到这个问题).我可以通过将img src设置为:来获取存储在chrome内部数据库中的favicon png的位置: 'chrome://favicon/'+url其中url是网站的实际网址.但是,我现在想找到所有独特的favicons.鉴于它们都将具有与内部数据库不同的URL,是否有一种简单的方法来比较javascript中的图像?

谢谢

javascript compare image

29
推荐指数
4
解决办法
3万
查看次数

在Google地图V3上旋转图像/标记图像

如何在Google地图V3上旋转图像(标记图像)?

  • 没有为V2一个很好的例子在这里,到底做什么,我需要的.但对于GMap2!他们用旋转帆布做到了.
  • 使用JS/JQuery旋转的图像经常被使用,关于此有多个答案.但是我怎么能将它应用到我的地图图像?
  • 一种提到的方法是针对不同的角度使用不同的图像并在它们之间切换 - 这不是我想要的.我不喜欢有这么多图像,我想通过代码旋转.

备注:有类似的问题,但都是V2而不是V3(据我所知).我需要它为V3.

javascript google-maps-api-3

27
推荐指数
7
解决办法
4万
查看次数

16
推荐指数
1
解决办法
7万
查看次数

请求 blob 图像并使用 fetch API 转换为 base64

我有一些图像将显示在 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)

javascript base64 blob fetch fetch-api

14
推荐指数
2
解决办法
1万
查看次数

如何将图像对象转换为二进制blob

是否可以解析<img>DOM中的图像对象(),就像它已经使用FileReader上传和打开一样?我试图使用jpegmeta.js从JPEG中提取EXIF元数据,但它需要由FileReader返回的二进制字符串.

可以使用XHR从其URL加载图像并使用FileReader解析它.但是,如果每个图像必须下载两次,这将产生大量开销.另一种选择可能是使用画布,但在转换时会丢失exif数据.

javascript html5 exif blob image

13
推荐指数
1
解决办法
3万
查看次数

谷歌Chrome控制台,打印图像

大约一年前,我创建了一个增强控制台日志的插件,主要思想是在控制台中打印图像,例如,您可以添加一些图标或字形.

它工作得非常好,我看到现在有许多在线可用.问题是他们都没有工作.

我认为,在最后一次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中在控制台中打印图像?

javascript google-chrome

13
推荐指数
3
解决办法
9382
查看次数

如何使用javascript获取页面中图像的RGB值?

我正在尝试制作书签.但我陷入了困境.我需要使用"For Next"语句提取非常x像素的RGB或颜色值.但我不知道什么功能可以帮助我提取RGB值.有人可以帮我解决图片中给定点的RCG值的功能吗?

javascript image

12
推荐指数
2
解决办法
1万
查看次数