如何解决“画布被跨源数据污染”的问题。当我尝试使用getImageData时

文章/答案/技术大牛

发布

2回答

javascript、html、getimagedata

我试着在我的函数中实现一个反转颜色函数，但是我不知道如何使用Cross Origin来解决这个问题。我曾尝试使用“匿名”，但这也不起作用。所以问题很简单。如何正确使用此getImageData？function (){ imgOut = ctxOriginal.<em

浏览 38提问于2019-09-06得票数 1

3回答

谷歌Chrome从本地图像中污染画布

javascript、html、canvas

我试图用html 5画布元素制作一个普通的JavaScript游戏，为了制作基于颜色的命中框，我需要从画布上的某些点抓取图像数据。每当我使用getImageData()时，都会得到以下错误： Uncaught :未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据<em

浏览 1提问于2016-09-12得票数 2

1回答

如何解决“画布被跨域数据污染”

javascript、face-detection

v=FfHilvUc25c上使用了这个教程中的face_detection库或API，我也尝试了同样的方法，但我得到的错误是canvas已经被跨源数据污染了。我的index.html中没有画布。"img/face1.jpg"> 我期望在控制台中得到一个数组，但是没有打印任何东西，除了一个错误：“未捕获DOMException:无法在‘Canvas

浏览 57提问于2019-08-30得票数 1

回答已采纳

1回答

从外部URL服务的HTML图像中获取像素的颜色？

javascript、html、image、image-processing、html5-canvas

假设我们有一个HTML页面，其中包含一些来自外部域的JPEG图像。目的是利用JavaScript对这些图像的颜色数据进行分析。解决此问题的常见方法是将图像“转换”为HTML并访问颜色数据(请参阅)：var canvas = $('<canvas/>')[0];但是

浏览 2提问于2014-04-23得票数 1

回答已采纳

1回答

为什么这个SVG-holding‘`blob：’URL会在Chrome中污染画布？

javascript、google-chrome、fabricjs

我要做的是： var svg = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height

浏览 0提问于2018-06-12得票数 6

回答已采纳

2回答

尝试比较两个画布元素

javascript、google-chrome-extension、html5-canvas

我使用下面的代码来比较两个画布元素 var canvas = $( "#" + can );setTimeout(function() { var imageData = ctx1.getImageDataheight); var pixe

浏览 2提问于2013-05-02得票数 10

回答已采纳

2回答

控制台日志: Uncaught :未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据污染

javascript、jquery、plugins、jquery-plugins、console

嘿，我正在尝试实现一个名为的jquery插件，它给了我控制台日志错误："Uncaught :未能在‘CanvasRenderingContext2D’上执行'getImageData‘：画布已经被跨源数据污染了“我已按指示做了他要做的每件事，但不起作用。任何帮助都将不胜感激。这是下拉菜单中主错误项下的三个错误。

浏览 4提问于2014-11-04得票数 3

1回答

使用Chrome在画布上局部绘制图像

javascript、html、google-chrome、canvas

我有一个必须在本地运行的HTML5应用程序。当我运行这个应用程序并尝试在画布上加载图像时，在Chrome上我得到了错误消息：无法从画布中获取图像数据，因为画布已被跨源数据污染。HTML文档和本地文件夹中的图像a。这是一个应用程序，将分发给用户，所以我不能运行本地服务器。它必须在Chrome上运行.我读过关于这个问题的答案，但

浏览 2提问于2013-02-26得票数 3

2回答

我正试图在JavaScript中制作一个游戏，我需要从图像中获取像素数据。我使用的是getImageData().data；它在Internet上运行得很好，但是在Chrome上我得到了这个错误： Uncaught :未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据污染。我一直在寻找解决方案，但似乎什么都没有，有人有好主意吗？这是我<e

浏览 2提问于2015-04-03得票数 0

1回答

设置画布大小时不显示图像

javascript、html、canvas

我有一个for循环，它根据span中的内容动态地创建div或img元素，然后将其放在画布上。画布的宽度应等于所有图像和文本的合并宽度。一切都很顺利，直到我使用canvas.width = prevX.改变画布的宽度，当我使用它时，画布没有输出任何内容。当我使用console.log(canvas.width)时，它显示画

浏览 2提问于2017-09-12得票数 0

回答已采纳

2回答

getImageData交叉原点误差

javascript、canvas、html5-canvas、cors

先驱:我知道已经有人问过关于这个话题的一些问题，但似乎没有一个问题是JavaScript唯一的解决方案。因此，我遇到了一个错误，我试图使用类似于context.getImageData()的东西从画布中获取像素数据，我的确切代码可以看到或更低的代码： <canvas id="imageCanvas" width，因为画布已被跨源<

浏览 2提问于2013-11-08得票数 11

回答已采纳

2回答

MDN上的颜色选择器示例不起作用。我的密码也是

javascript、html5-canvas、image-manipulation、color-picker

在页面上，有一个例子，您可以在getImageData()的帮助下创建一个颜色选择器。您可以在查看代码。它似乎在MDN页面上工作得很好。但在CodePen或JSFiddle上，它已经坏了。我尝试使用类似的问题来执行指令，当我将img.src设置为url：Uncaught TypeError:未能在“CanvasRenderingContext2D”上执行“drawImage”时会出现此错误:提供的值不是类型(CSSImageValue或HTMLImageElement

浏览 8提问于2017-04-04得票数 0

回答已采纳

2回答

DOM异常: SECURITY_ERR (18)在使用getImageData时

javascript、svg

当我从使用png图像切换到SVG时，我刚刚开始得到这个错误。< tmp[0]; x++) { pixelData = context.getImageData(x, y, 1, 1); 所以这不应该是一个跨域的问题。我使用ImageMagick创建了SVG映像，以在另一个域中的Linux机器上转换p

浏览 3提问于2015-07-09得票数 0

回答已采纳

2回答

“HTMLCanvasElement”中的“toDataURL”：污秽的画布不得出口

cors、html5-canvas、jsfiddle

在Chrome中，当我尝试测试来自远程url的画布绘图图像时，在jsfiddle上会出现以下错误。错误：未能在“HTMLCanvasElement”上执行“toDataURL”：可能无法导出受污染的画布。<?AllowedOrigin>*</AllowedOrigin> <AllowedMethod>GET</A

浏览 1提问于2017-10-27得票数 4

回答已采纳

1回答

无法从画布中获取图像数据

javascript、canvas、getimagedata

下面的函数应该获得图像数据(使用context.getImageData()从一个exisitng画布，包含一个图像(已经加载在网页上)和第二个画布没有显示在页面上。第一个画布的数据如预期的“获取”，alert(data1.data.length)弹出一个合理的数字。但是，第二个画布的数据不是"got“got，函数在alert(data2.data.le

浏览 2提问于2014-11-27得票数 0

回答已采纳

1回答

当使用来自其他域的图像时，为什么我的导航器会污染画布？

javascript、html、security、canvas

当您将来自其他域的图像放入画布中时，画布会被污染，并且getDataURL或getImageData等某些功能将被禁用。谢谢!我应该问:来自其他域的图像如何用于攻击？我不明白为什么浏览器被

浏览 0提问于2012-09-28得票数 2

回答已采纳

1回答

将图片从网站下载到桌面

javascript、jquery、html、css

为什么我的代码不起作用？我一遍又一遍地修改我的代码，很难解释什么不起作用。所以我最终把它放在我的网站上，这样我就可以告诉你发生了什么。下面是我找到代码的地方：，我使用这个例子，因为我试图做同样的事情。我更改了图片，这样你就可以在我的网站上看到var download = document.getElementById("download"), result = document.getElementById

浏览 4提问于2016-12-14得票数 0

回答已采纳

2回答

EaselJS sprite on(“单击”)返回CORS错误

javascript、html、cross-domain、createjs、easeljs

我在舞台上添加了一个简单的精灵形象，我称之为"enemy1"：var enemy_image = newenemy1 = new createjs.Bitmap(enemy_image); enemy1 .y = 0; 使用此代码，每当用户单击此代码时，我都希望显示一个警告： enemy1.on("click&

浏览 2提问于2016-02-10得票数 1

回答已采纳

5回答

交叉属性的目的.？

html、cross-domain

我的理解是，您可以访问其他域上的脚本和图像。那么，何时使用这个属性呢？图片：剧本：

浏览 7提问于2013-08-20得票数 94

回答已采纳

1回答

画布到png不工作的织物

javascript、jquery、canvas、fabricjs

这是我使用FabricJS将canavs导出到Image的代码： canvas.isDrawingMode = false;supported by your browser."); return;} window.open(canvas.toDataURL('png')); 为什么当我点击画布用软件实现了的采样。

浏览 0提问于2016-12-06得票数 2

回答已采纳

点击加载更多