html5-canvas

    0熱度

    2回答

    我試圖創建和刪除事件的弧,添加部分工作正常,我將它們保存在數組中,所以我可以通過某種方式調用事件偵聽器來刪除它們,我的意思是它的工作在控制檯作爲數組值精由其在畫布 代碼更新不及時遞減: <script> var myCanvas = document.getElementById("myCanvas"); myCanvas.width = window.innerWidth;

    0熱度

    1回答

    我想創建一個非常基本的JavaScript遊戲使用html5畫布。所以,我創建了一個主要播放器「class」,它應該在實例化和調用「init方法」時在畫布上創建一個紅色圓圈。最後,它也應該可以通過箭頭鍵進行控制,爲此,我嘗試將事件監聽器添加到文檔中,檢查keydown/keyup,然後更改布爾值,如leftPressed = true;等等。基於此,位移方法(在setInterval函數繪製中調用

    1熱度

    1回答

    我需要知道在釋放鼠標/按鍵之前多長時間纔會按下鼠標/按鍵,因此響應將取決於按鍵/鼠標按鍵。 例如,我試過這個,但由於某種原因,它似乎沒有工作。 var time = new Date(); var mousedown, mouseup, mousehold; document.addEventListener('onmousedown', function(){ mousedown

    0熱度

    1回答

    方面改變顏色我有我想成爲一個純色背景,但顏色變化隨着時間的推移。 項目啓動時顏色應該是(2,254,253)。 項目結束時,應以(2,120,253)結束。 隨着項目的進展,所有的顏色都在之間。 這一個很容易做到,因爲我唯一需要改變的地方是增加多少綠色。 但我怎樣才能做到這一點與任何2種顏色?

    0熱度

    1回答

    我正在玩弄畫布動畫,並且當我已經成功構建了一條線時,我一直在動畫函數的第120行出現「線不是構造函數」錯誤目的。我一定會欣賞這個新鮮的一雙眼睛! 基本上,一旦現有的Line命中一個平臺,它應該創建一個新的Line對象,它將朝另一個方向前進,但是它會一直拋出錯誤。 代碼: window.onload = function() { "use strict"; var can

    0熱度

    1回答

    在我的項目我有一個畫布圖像,並已經發送到服務器,test.php的,: define('UPLOAD_DIR', '../uploads/'); $img = $_POST['canImg']; $img = str_replace('data:image/png;base64,', '', $img); $img = str_replace(' ', '+', $img); $data

    1熱度

    1回答

    這是我在stackoverflow上的第一個問題。我對JavaScript還是有點新,我正在嘗試做一個簡單的互動故事。 有一列我想要經歷的句子。每個句子將顯示在畫布上,並且一個按鈕將移動到下一句。我嘗試過使用一些不同的解決方案,但是當我按下「下一步」按鈕時,畫布不會改變。 我已經在代碼中調用增量函數(plusOne)來測試函數是否真正起作用並且它確實起作用。看起來問題在於按鈕。 這裏的帆布和按鈕:

    1熱度

    1回答

    大家好我正在使用ChartJs來創建charts.i設置一些數據屬性在canvas.on點擊圖表我需要獲得分配的數據屬性canvas.i在文檔中找到了一個方法,我用它來獲取點擊圖表區域的標籤和值,但我不知道如何獲取數據屬性。 <!DOCTYPE html> <html> <head> <title> Pie Chart </title> <style>

    0熱度

    1回答

    我正在使用HTML5 Canvas和JavaScript創建這個簡單的動畫,我遇到了閃爍對象的問題。 我試圖在互聯網上找到解決方案之前,我問過這個問題,所有我發現基本上是: 避免加載新的形象,對象在每個新幀 使用requestAnimationFrame() 我想我已經完成了這一切,閃爍仍在發生。 (藍色矩形(障礙物)在我的情況 的作品是減少像素的方法,負責移動對象,這裏的數唯一的解決辦法: ob

    0熱度

    1回答

    我想使用的createGraphics函數來繪製另一個屏幕上的東西...然後粘貼到我的主草圖.. 在實況 ,他們給出的例子是做這樣的事情: var vignette; function setup(){ createCanvas(710, 400); vignette = createGraphics(400, 250); } function draw(){