Canvas-confetti 在屏幕左上角吹五彩紙屑而不是在頁面中央

[英]Canvas-confetti blowing confetti at the top-left of the screen not in center of the page

在積極的情況下，我正在使用畫布紙屑來展示五彩紙屑。 output： PF圖像紅色突出顯示的部分是五彩紙屑顯示的地方，我需要在頁面中央顯示它。 我嘗試使用 z-index 但無法達到預期的結果。 當我將 canvas 的大小設置為高度，寬度設置為 100% 時，五彩紙屑的形狀看起來扭曲了，這會影響 ...

將偽調色板應用於 canvas 圖像

[英]Apply pseudo-color palette to canvas image

如何將自定義調色板應用於 canvas 圖像？ 例如，將黑白圖像轉換為彩色圖像： 所以imageData.data是一個 0-255 數字的數組。 數組中的每 4 個元素對應一個rgba值。 我不知道如何從自定義調色板將這些 map 轉換為 colors。 我想一個解決方案是將colorstop ...

一些 SVG 文件被渲染，而另一些則沒有

[英]Some SVG files are rendered while others are not

我正在加載一個 svg 文件，然后在 canvas 上繪制它。這是我的代碼的一部分： 但是由於某種原因，只有一些 svg 文件適用於此。 例如這個 svg 有效： 雖然這個 svg 不起作用： 如果您想知道我收到一個錯誤： Uncaught DOMException: CanvasRendering ...

在 JS 中合並網絡攝像頭視頻和 canvas 繪圖

[英]Merge webcam video and canvas drawing together in JS

我正在嘗試合並網絡攝像頭視頻和 canvas 繪圖並保存到圖像文件。 它有效，但視頻圖像覆蓋 canvas 驅動。 我試圖交換位置 context.drawImage 但仍然相同。 有任何想法嗎？ :) ...

用 Javascript 修改 Canvas SVG 圖片

[英]Modify Canvas SVG Image with Javascript

我有一張 svg 圖像，可以用來繪制到 canvas： 是否可以修改image ，例如，更改元素的顏色？ ...

在游戲 Unity 中制作可交互的電腦屏幕 3D

[英]Making interactable computer screen in game Unity 3D

我需要在 Unity 3D 中為我的游戲（如 Streamer's Life Simulator 或 Inte.net Cafe Simulator）做一個可交互的計算機屏幕。我使用 Canvas 並嘗試了 TextureRenderer 但效果不佳。我應該在哪些系統上工作？ 當我嘗試為此使用 c ...

在 setinterval 中使用事件的替代方法

[英]Alternative to using an event in a setinterval

所以我嘗試了我的代碼，但沒有得到我期望的結果，尤其是對於 function btnr 。 基本上我想要實現的是：隨着代碼的運行，我希望蛇在單擊按鈕時改變方向。 var canvas = document.querySelector("canvas"); var right = document.q ...

無法在 JavaScript 中的 Snake 游戲中插入 checkCollision 方法

[英]Cannot insert checkCollision method in Snake game in JavaScript

我正在嘗試通過 JavaScript 中的 canvas 制作貪吃蛇游戲。我已經完成了幾乎所有設置，但碰撞檢查表明當蛇撞到自己或牆壁時游戲會崩潰，因為它無法插入我定義的 checkCollision 方法。 當蛇撞到自己或牆壁時，報錯信息如下： ...

Unity CanvasRenderer 的閃電和顯示問題

[英]Lightning and display issues with Unity CanvasRenderer

我的目標是在 Unity 中的 Canvas 上繪制簡單的彩色網格。 我設置了一個 Canvas 並選擇了 Render Mode World Space。 然后我添加了一個 GameObject，設置它的 RectTransform，添加了一個 CanvasRenderer（后來還有一個 Mesh ...

在 Canvas 上顯示自定義網格

[英]Display custom mesh on Canvas

嘿，我想在場景中的 Canvas object 上繪制一些自定義網格。 Canvas 使用渲染模式世界空間。 我寫了一個簡單的腳本來創建一個基於 Canvas 尺寸的矩形網格。 它在使用 MeshFilter 和 MeshRenderer 時有效，但我想將其直接繪制到 canvas 上。我嘗試使用 ...

JS 隨機游走隨機性

[英]JS Random Walk Randomness

我在 JS 中有這個腳本，它使用 lerp 實現隨機游走，問題是在偽完美隨機性/分布的情況下，我的點總是 go 到左上角。 有人可以解釋一下嗎？ 我知道 javascript 隨機性並不完美，因為它是基於計算機時鍾和計算的，但是，在一定時間內，每個點都應該保持在中心附近，因為每個概率都抵消了相反的概 ...

Javascript：計時器結束時，如何在 canvas 中顯示彈出框？

[英]Javascript: How can i display a pop up box in the canvas when timer ends?

我是 javascript 的新手，我已經被這個問題困擾了一段時間，我想在其中顯示一個彈出框，其中包含一條消息“游戲結束，你的時間用完了”，這樣玩家就知道游戲已經結束了。游戲很簡單，當游戲開始時會開始倒計時，用戶必須在限定時間內正確回答盡可能多的問題，對於每一個正確的答案，一個紅色的球會向上移動並 ...

如何調整 html 中 canvas 元素的大小而不縮放它並降低質量？

[英]How can I resize the canvas element in html without zooming it and losing quality?

我正在 web 上開發一個基本的建模應用程序。我有一個板作為canvas元素。 我正在嘗試設置它的大小。 當我在 css 中設置它的height和width時，它會縮放整個 canvas，這會降低質量。 我試着這樣做： const canvas = $("#canvas"); const ctx ...

為什么在將 Canvas.Left 應用於我的圖像后，它從 canvas 中消失了？ （在 WPF 中）

[英]Why after applying Canvas.Left to my Image it goes out from the canvas? (In WPF)

我的 canvas 是 1920*1080，我正在添加一個圖像，其寬度為 200，高度也為 200，我希望圖像為 go 到右上角，在設置以下代碼並運行應用程序后，我看到圖像溢出 canvas： 在我手動檢查之后，我看到如果我把 Canvas.Left 1350 放在目標位置，但我不明白為什么會這樣 ...

canvas 2D 中帶圓角的簡單等邊三角形

[英]Simple equilateral triangle with rounded corners in canvas 2D

我找不到正確的值來繪制具有給定半徑的圓角的簡單等邊三角形。 謝謝你的幫助。 var canvas = document.getElementById('arch'); var context = canvas.getContext('2d'); // Vertices of the equilat ...

HTML Canvas：CanvasRenderingContext2D 變換需要（重新）設置 canvas 大小？

[英]HTML Canvas: CanvasRenderingContext2D transform requires (re)setting canvas size?

我修改了 https://codepen.io/chengarda/pen/wRxoyB 使用鼠標和觸摸事件在內部處理 canvas 內容的滾動和縮放的簡單示例。 沒有 JQuery，沒有庫，純 JS。 使用固定的 canvas 大小並相應地替換對window.innerWidth （和高度）的引 ...

WPF - Canvas 上的路徑幾何縮放比例不同於 Thumb 控件

[英]WPF - Path Geometry on Canvas scaling differently than Thumb control

這是一個 WPF 的問題。 我正在嘗試使用拇指控件拖動頂點來跟蹤/拖動 Canvas 上的 PathGeometry 的頂點。 似乎 PathGeometry 的縮放比例不同於 Thumb 相對於 Canvas 的位置。 如何計算縮放比例？ 一旦我有了它，我就可以使用 ScaleTransform ...

似乎無法使用功能反應將圖像繪制到 canvas

[英]Can't seem to draw an image onto the canvas using functional react

我正在嘗試將圖像繪制到 canvas 以在功能上與 typescript 做出反應。 我嘗試將圖像繪制到 canvas 上，但是 canvas 上什么也沒有發生，我的控制台日志返回undefined不確定為什么會這樣。 任何幫助將不勝感激。 ...

Javascript 在中間畫一個數字的白框 - 數字總是有點偏離

[英]Javascript draw white box with a number in the center - number always a little off

我正在通過 javascript 繪制一個白框，並且還想在框的中心繪制一個數字，但無論我如何嘗試更改位置，數字總是有點偏差： // Create a canvas element const canvas = document.getElementsByTagName("canvas")[0] ...

canvas 上的鼠標事件 position 按 CSS 規則重新縮放

[英]Mouse event position on a canvas rescaled by a CSS rule

當 HTML canvas 處於“標准”1:1 比例時（既不放大也不縮小 CSS 規則），很容易在 canvas 坐標中獲取鼠標 position： 這是一個示例，其中畫布的大小通過flex + max-width CSS 規則進行了修改。 cursor 應該只在綠色方塊的頂部發生變化，這里不是這 ...