putimagedata

    0熱度

    1回答

    情況基本上是用一個基本的線性漸變畫出幾個移動的原始形狀,使它們在透明的空白畫布上重疊。他們在哪裏重疊的alpha通道值的變化(即,他們流血)。 最終階段將每個像素的阿爾法取整,所以取決於它與哪個像素更接近。 用的imageData很容易做到 - var ctxImage = ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height);

    2熱度

    1回答

    需要做一些像素操作,但imagedata已經改變。現在它有一個「色彩空間」屬性。 這是什麼,以及如何正常使用它? 只是得到一個chrome中的imagedata對象來重現。

    0熱度

    1回答

    我正在對服務器進行Ajax調用以獲取Jpeg文件。我有數據返回數組緩衝區。現在我怎樣才能在畫布上渲染這個數組緩衝區。現在請不要建議任何答案,例如設置圖片的源網址。我想將圖像數據保存在內存中進行一些處理。

    0熱度

    1回答

    我想反轉圖像的顏色。現在圖像加載好了,但是當我嘗試調用getImageData和putImageData回到畫布上。畫布簡直是空白。然後我打印出所有的imageData,由於某種原因,它看起來總是0。我對此感到非常困擾。請提前幫助和thx! window.onload = function() { var c = document.getElementById("myCanvas");

    0熱度

    1回答

    我需要操作圖像中的像素並將整數值(0-255)保存在RGBA值中。 let imageData = this.context.getImageData(0, 0, this.width, this.height); imageData.data[1448] = 10; imageData.data[1449] = 20; imageData.data[1450] = 30; imageDa

    0熱度

    1回答

    我通過以原始ImageData格式發送每幀(RGBA順序中每個像素4個字節)通過WebSocket流式傳輸視頻。當我收到客戶端上的每個幀(作爲ArrayBuffer)時,我想使用putImageData儘可能高效地將此圖像直接繪製到畫布上。 這是我目前的解決方案: // buffer is an ArrayBuffer representing a properly-formatted image

    3熱度

    1回答

    我正在使用文件輸入元素從android瀏覽器捕捉圖像。 現在我想將blob數據轉換爲ImageData,以便我可以使用putImageData在畫布上呈現它。 <!DOCTYPE html> <html> <body> <input type="file" id="file" /> </body> <script> function handleFileSelect

    0熱度

    1回答

    我有一系列構建rgba序列數組的函數,並計劃將這些數據應用到畫布對象。我不知道如何將rgba(已經在0-255的值)轉換爲一個合適的imageData對象,我可以使用.putImageData。 var new_canvas = document.createElement('canvas'); var mc_ctx = new_canvas.getContext('2d'); new_can

    1熱度

    1回答

    我目前正在使用fabric.js,並且我成功地在onclick事件後將圖像的一部分進行了spherize。 問題是畫布不會記住我的動作。當你點擊一次,一切都很好,部分球體。但是當你點擊另一個時間,例如其他地方時,之前的球體消失,並出現新球體。 當我使用console.log來回顯圖像像素數據時,在spherization之前和之後是相同的,我不明白爲什麼。 這裏是一個小提琴向您展示的情況: [ht

    0熱度

    2回答

    是否可以使用imagedata數組對象來獲取Image()對象。我的最終目標是使用drawImage,而不是putImageData,因爲putImageData太慢了(從類似qs和我自己的測試的stackoverflow類似)。我所有的是imagedata數組,我想在畫布上的現有圖像上繪製。