html5-canvas

0熱度

1回答

我有一個分叉的three.js codepen實驗，它有方形粒子漂浮在周圍。但我想修改它，以便我可以將文本（幾何？）傳入它，替換方形粒子，有點像一個詞/標籤雲。這可能嗎？鏈接到當前codepen： https://codepen.io/farisk/pen/pWQGxB 繼承人是我想達到的目的：我目前不知道從哪裏開始。我想以某種方式使用文本幾何 var loader = new THREE

2熱度

1回答

畫在畫布上，鼠標單擊關閉

我的<canvas>元素佔用100vw和100vh。我希望能夠點擊它的任何地方並在那裏畫一張照片。現在，當我點擊屏幕時，圖像不會在我點擊的位置附近繪製。我點擊左上角越近，就越接近。但是，如果我稍微偏離角落，圖像會被推得很低，並且向右移動。如何計算我似乎需要的偏移量，以便讓圖像完全按照我點擊的位置繪製？ //var count1 = (Math.floor(Math.random() * scre

0熱度

1回答

CCapture.js webm視頻變暗

我一直在嘗試使用CCapture.js項目錄制HTML Canvas動畫的視頻。具體來說，它有一個webm capture選項，它使用whammy.js。我用許多參數修飾，但到目前爲止，我只輸出了正確長度的視頻，但沒有任何畫布元素 - 它看起來只是黑色。這是說明問題的jsfiddle。它創建一個動畫並記錄2秒，然後保存/下載webm輸出。這裏是CCapture設置，我在的jsfiddle了：

0熱度

1回答

如何在html5畫布中爲自定義線條製作線條寬度

我想要更改線條寬度，但爲什麼畫布中的所有線條寬度也會發生更改？貝婁是我的代碼片段 let c_canvas = document.getElementById("c"); let context = c_canvas.getContext("2d"); let gradientFill = context.createLinearGradient(400, 0, 95, 305);

0熱度

1回答

用於導航大型2D圖形的簡單javascript畫布框架？

我有一個大圖（1000多個節點，5000多條邊），我想在HTML畫布上顯示。我希望能夠放大到單個節點，或者縮小以查看整個圖形。我寧願不使用本機API自己實現這些功能，所以我正在尋找一個簡單的javascript canvas框架，它允許我將通用對象附加到可縮放的2D地圖上。這樣的框架是否存在？謝謝。

-1熱度

1回答

使用線/線連接兩個元素mannualy

我希望用戶能夠使用線或線連接一組點。連接完成時，點,和已連接，否則如果播放器連接錯誤，則屏幕顯示錯誤的連接。

0熱度

1回答

如何在固定點附近旋轉精靈，使其跟隨光標

我正在開發一個小型迷你高爾夫球遊戲，用戶可以在其中移動光標移動以設置角度，並且施加的力將是箭頭的長度（當光標靠近球時力更小）。你可以看看它是如何工作在這裏：https://imgur.com/a/AQ1pi 我已經想出瞭如何旋轉箭頭精靈跟隨光標，但我不知道如何使它繞着球移動，現在它只是在旋轉它的錨，在這種情況下是箭頭。我使用Panda.js（基於Pixi.js的框架）開發遊戲，但其API與本地Ca

3熱度

1回答

帆布：爲什麼這種顏色差異？

我想用顏色「＃ca5100」在畫布上畫一條線，但繪製畫布時，卷軸顏色實際上是「＃e4a77f」而不是「＃ca5100」。爲什麼這種差異？以及如何繪製你設定的顏色。 var ctx = document.getElementById("mycanva").getContext("2d"); ctx.beginPath(); ctx.strokeStyle="#ca5100"; ct

1熱度

1回答

帆布包含arcTo（）方法

我玩HTML5畫布，我的書上說最新的瀏覽器支持包含arcTo方法，它有能力以去除弧（）函數。我的問題是怎麼回事？我也很困惑與包含arcTo，爲什麼它得到這樣形成的這個例子可以有人解釋 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <scrip

0熱度

1回答

三角函數的問題：圓角與矩形相交

我一直在試圖製作一個程序，其中一個球從一個旋轉的矩形反彈出來，我必須學習一些基本的三角函數，但是我注意到當我跑時這是它是半不準確的。就像每當球擊中矩形只是離開中心一點點時，它就會直接穿過它，或者沿着它沒有想到的方向反彈。爲了更好地理解我的問題，如果您去檢查了my fiddle，我將不勝感激。我認爲這是一個數學問題，（考慮到我的成績直到10或11年級纔會學到），但它可能更多。這裏的數學funci