cost 411 ms
canvas 已被跨域數據污染。 本地圖像

[英]The canvas has been tainted by cross-origin data. local image

我有一個本地圖像,我正在嘗試使用 getImageData() 以便我可以遍歷像素。 但我不斷收到這個錯誤。 “DOMException:無法在 'CanvasRenderingContext2D' 上執行 'getImageData':canvas 已被跨域數據污染”。 我已經搜索並找不到適用的 ...

使用 PNG 的 putImageData 后像素正在變回

[英]Pixels are changing back after putImageData with PNG

我正在嘗試將所有 RGB 像素替換為 0 到 1 的值(最大值為 255)。 這是我在stackblitz上的代碼。 您可以看到,在我用新像素重新分配緩沖區后,一些像素恢復為 0。在 Firefox 上,它實際上適用於此圖像: 但不適用於全尺寸圖像: 就像瀏覽器不允許這樣的某種對比。 在這里也分 ...

JS圖像像素變化

[英]JS image pixels change

我有個問題。 我目前正在研究一個更改圖像像素的項目。 我正在使用 javascript 作為 web 應用程序來執行此操作。 問題是,當我使用 getImageData 更改它們,然后使用 toDataURL 下載圖片並鏈接下載時,它可以工作。 但是當我上傳圖像並使用 getInamgeData 讀 ...

Canvas:如何修改存在於自定義路徑中的 ImageData 像素?

[英]Canvas: How to modify ImageData pixels that exist within a custom path?

我正在嘗試創建一種體驗,用戶可以在圖像上移動自定義 cursor 並更改該自定義 cursor 中的像素。 在mousemove事件中,我嘗試重新創建此自定義 cursor 路徑並使用isPointInPath確定自定義 cursor 是否“超過”主畫布上下文中的給定點。 該代碼確實改變了主 ca ...

Next.js - 圖像未“定義”

[英]Next.js - Image is not 'defined"

我正在開發 linebot 以接收帶有 QR 碼的圖片。 正如您在下面的代碼中看到的那樣,我已經成功地將文件保存到本地文件夾中作為stream.on('end' , ...)中的 'logo.png' 然后我想用這個最近保存的文件來檢測這個 npm 庫的二維碼。 ( https://www.np ...

節點 canvas getImageData() 出 memory

[英]node canvas getImageData() out of memory

我有一個轉換圖像的 nodejs 應用程序。 我在 pm2 中使用 32gb 的 ram 運行我的應用程序。 嘗試獲取圖像的圖像數據時出現此錯誤。 我嘗試使用 --max-old-space-size 增加節點 js memory 限制,嘗試將其增加到 8192 和 32678,但我仍然收到錯誤。 ...

為什么我在使用 jsQR 時會收到“傳遞給二值化器的格式錯誤的數據”,即使當我按照文檔規定傳遞 Uint8ClampedArray 時也是如此?

[英]Why do I get a “Malformed data passed to binarizer” while using jsQR even when I am, as the documentation is dictating, passing a Uint8ClampedArray?

我有下面的代碼將外部圖像發送到 jsQR。 運行此程序時,我收到Error: Malformed data passed to binarizer. 但是,當我檢查imageData的類型(使用 Chrome 開發工具)時,正如預期的那樣,它是Uint8ClampedArray 。 希望有人能幫忙 ...

為什么 new Uint8ClampedArray 的 new ImageData 會創建黑白圖像

[英]Why does new ImageData from new Uint8ClampedArray create a black and white image

我將 2 個圖像拼接在一起以創建一個圖像。 疊加可能是一個更好的術語。 第一張圖如下。 第二張圖片如下: 在做了一些 canvas 魔術之后,我可以使用兩個看起來像這樣的 canvas 元素覆蓋最終圖像 然后我抓取兩個圖像的圖像數據並將圖像數據“縫合”在一起,以使用以下技術從 2 個 canva ...

要選擇哪些流以及將它們正確放置在何處以處理 url 地址、接收這些圖像數據並將它們顯示在 tableview 中?

[英]What streams to choose and where to place them correctly for processing url-addresses, receiving these images data and displaying them in a tableview?

情況很簡單,也很常見。 但遺憾的是,對於特定的情況,在互聯網上是無法找到答案的。 大家好,請幫忙! 有一個函數接收模型數據和 URL 數據,處理這些數據並將其存儲到數組 [interviewDataResponse]: 更遠: 正如您在以下代碼中看到的那樣,getInterviewResult ...

有沒有辦法重用 ImageData 來減少 GC 活動?

[英]Is there a way to reuse an ImageData to reduce GC activity?

我正在尋找一種對 GC 友好的方式來使用CanvasRenderingContext#getImageData 。 一種想法是創建一次 ImageData 並以某種方式重用它,以便 getImageData 不會分配新的。 由於我需要每秒訪問大約 60 次原始 canvas 數據,因此每次使用 g ...

GetImageData 從無處返回一些隨機零

[英]GetImageData return some random zeros from nowhere

我正在構建一個 chrome 擴展,可以將 web 頁面圖像的 rgb 讀取到單獨的 arrays 中。 但是,每個數組的中間都有一些零(盡管前幾個像素的 rgb 讀數是正確的)。 可疑的 0 。 我所有的圖像大小都是(w:199;H:252),我剛剛發現圖像數據中正常顯示了 198 個 RGB,但 ...

JavaScript 畫布 drawImage getImageData

[英]JavaScript canvas drawImage getImageData

我無法理解兩種方法如何與畫布一起工作: drawImage getImageData 實際上,我想將位圖圖像解析為一個 RGBA 點數組,能夠轉換它並使用 putImageData 方法顯示它。 但只有一件事有效:drawImage 或 getImageData。 我尋求幫助 - 解釋這些方法如何相 ...

在不受歡迎的網站上使用應用圖像數據

[英]use app image data on not respectable websites

我使用 canvas.getImageData 來獲取 HTML/js 畫布中一個像素的顏色。 如果它不是一個受人尊敬的網站,它就不會加載,因為跨域數據。 但是我不能讓網站受人尊敬,因為我想在我的設備上將它作為 HTML 文檔打開,以便能夠離線打開它。 我將圖像加載到畫布中,但是當您沒有互聯網時,它 ...

getImageData()數組返回角度5的全0

[英]getImageData() array is returning all 0s in angular 5

在畫布內渲染圖像后,我試圖獲取圖像的rgb值。 但是我得到全0的回報。 我在渲染圖像后不確定是否為什么要得到0來嘗試使用getImageData()。 我的代碼: 我已經通過這些鏈接getImageData()返回全零 , getImageData()返回全0 , getIma ...

畫布拖動和顏色選擇

[英]canvas drag and color select

所以我在畫布上有一個顏色選擇器。 漸變顏色填充形狀。 用戶使用鼠標選擇直方圖上的任意位置。 很標准。 他們還可以將鼠標拖動到形狀中的任何位置。 為了在他們進行最終顏色選擇后顯示他們的位置,我添加了一個黑色的小fillRect並隨其鼠標一起移動。 現在這是我的問題,因為它們偶爾會移動鼠 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM