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 应该只在绿色方块的顶部发生变化，这里不是这 ...