堆栈内存溢出
cost 251 ms
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% 时，五彩纸屑的形状看起来扭曲了，这会影响 ...

将带偏移颜色的 CSS 线性渐变转换为 canvas 渐变

[英]Convert CSS liniar gradient with offset color to canvas gradient

我正在尝试将一些 figma 过滤器、CSS 线性背景转换为 canvas 渐变。 我在转换时遇到的问题是背景的偏移颜色。 我做了一些研究并尝试在 canvas 中这样做，但结果与 figma 不同。 以下是我尝试使用 canvas 转换/使用的几个示例。 预先感谢您的帮助。 我的结果（ backg ...

javascript 基于二维图块的游戏渲染（泰拉瑞亚风格）

[英]javascript 2d tile based game rendering (terraria-style)

我过去制作过 terraria 克隆。 我发现它们作为一个项目非常有趣。 但是随着 Terraria 的 1.2 更新，我想要一个可以随时随地在任何计算机上运行的克隆。 所以我正在使用 HTML5。 起初，我认为它会很简单——就像我过去使用过的其他语言一样。 但是一旦进入其中，我就开始面临许多问题 ...

React-Konva 中可拖动元素的响应式 position

[英]Responsive position of a draggable element in React-Konva

我正在使用react-konva来尝试制作一个工具，用户可以在其中可视化和规划他们的框架墙。 用户可以选择背景，然后选择框架大小和不同的海报。 它看起来像这样： 到目前为止，我已经制作了一个背景图像，只要 window 大小发生变化，它就会正确缩放。 我还创建了一个代表海报的图像，它以与背景图像 ...

WPF - Canvas 上的路径几何缩放比例不同于 Thumb 控件

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

这是一个 WPF 的问题。 我正在尝试使用拇指控件拖动顶点来跟踪/拖动 Canvas 上的 PathGeometry 的顶点。 似乎 PathGeometry 的缩放比例不同于 Thumb 相对于 Canvas 的位置。 如何计算缩放比例？ 一旦我有了它，我就可以使用 ScaleTransform ...

使用 fabricjs 的可编辑表

[英]Editable table with fabricjs

我正在尝试使用 TextBox 或 IText 创建一个可以使用 fabricjs 进行编辑的表。 我能够通过将多个文本框与背景颜色组合来创建表格视图。 根据设计，桌子应该有圆角。 任何想法如何添加那些圆角？ ...

如何避免 html5 canvas 上的永久粒子痕迹？

[英]How to avoid permanent particle trails on html5 canvas?

HTML5 canvas 上有成千上万个移动的粒子，我的目标是在每个粒子后面画一条短的衰落轨迹。 一个很好且快速的方法是不完全清除每一帧的 canvas ，而是用半透明颜色覆盖它。 这是一个只有一个粒子的例子： var canvas = document.getElementById('dis ...

无法在 JavaScript 中的 Snake 游戏中插入 checkCollision 方法

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

我正在尝试通过 JavaScript 中的 canvas 制作贪吃蛇游戏。我已经完成了几乎所有设置，但碰撞检查表明当蛇撞到自己或墙壁时游戏会崩溃，因为它无法插入我定义的 checkCollision 方法。 当蛇撞到自己或墙壁时，报错信息如下： ...

内容安全策略：“img-src‘self’数据：”

[英]Content Security Policy: "img-src 'self' data:"

我有一个应用程序，用户可以在其中复制图像 URL，将其粘贴到输入中，图像将加载到一个盒子上。 但是我的应用程序不断触发此消息： 拒绝加载图像“LOREM_IPSUM_URL”，因为它违反了以下内容安全策略指令：“img-src 'self' data:”。 那是我的元标记： 我在应用程序中使用 h ...

将伪调色板应用于 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 ...

在游戏 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 canvas

[英]How to use a fallback font with javascript canvas

我想知道我是否可以检测我的实际字体是否支持字符串的所有字符。 例如，我们可以看到不支持的字符用 Times New Roman 填充，而普通文本用所选字体填充： 但如果不支持一个字符，我想首先将整个文本用相同的字体放置，然后用 Arial 切换字体。 关于我该怎么做的任何想法？ ...

Blazor怎么划线？

[英]How to draw a line in Blazor?

从字面上看如何在Blazor中画一条线？ 我在 GitHub 上看过这个项目，它是 HTML canvas 的包装器，我也看过这个问题，还有这篇文章，他们似乎通过 JavaScript 调用 canvas，所以它基本上作为纯 JS 代码执行. 我想知道是否有另一种方法可以像 Blazor 那样画线 ...

在 JS 中创建一个没有 canvas 实例的 CanvasImageData object

[英]Creating a CanvasImageData object without an instance of canvas in JS

我是 Javascript 的新手。我正在使用 canvas 进行一些图像处理，并且我正在尝试创建一个新的 CanvasImageData object 而不是实际引用特定的 Canvas。 IE。 （来自MSDN） 如果没有 Canvas 的实例，有没有办法做到这一点？ 如果没有，有什么原因 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM