Canvas 不显示某些路径

[英]Canvas not showing some paths

当我的内部函数从%等变量计算时，为什么我的路径有时不显示？ 在开发简单的图形工具来创建可转换为图像的可填充模板时，我注意到有时我绘制的路径会根据它们的位置而消失。 这可以通过在某些点上添加0.02px或Number.ESPSILON来解决，但这并不是真正的解决方案。 为什么会这样？ 有问题的代码： ...

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 上

[英]Both squares aren't showing up on the canvas

这是我的代码： 当我运行它时，我没有收到任何错误，但它没有将方块添加到 canvas。有人可以告诉我为什么会发生这种情况以及如何解决它吗？ ...

Facebook 带移相器的可播放广告

[英]Facebook playable ads with phaser

我正在尝试使用 Phaser3.60 制作 Facebook 可播放广告，但问题是 Facebook 块 XMLHttpRequest 在相位加载中内部用于加载图像和声音。 做任何人都知道一种在不使用加载器和不使用 XMLHttpResquest 的情况下将图像转换为相位器的方法。 我尝试使用 i ...

根据长度输入动态填充 4 个画布

[英]Dynamically filling 4 canvases based on length input

我在我的 aspx 文件的设计文件中创建了 4 个不同的画布。 前 3 个长度为 300，最后一个长度为 100。 有 10 种不同长度的动态输入。 一旦长度超过 300，我就无法切换到第二个 canvas。 这是我的代码：- ...

使用 Javascript 检测 svg 图像中 HTML Canvas 中的哪些元素被点击

[英]Detect what element of svg image within HTML Canvas is clicked using Javascript

我正在尝试开展一个项目，其中 2d map 可以在 canvas 中移动、缩放并与之交互。除了交互之外，我还让其他人工作。 我希望能够检测从 svg（svg 在画布内）中单击的时间和元素。 我正在使用我在网上找到的一些免费 svg。 当我尝试使用“点击”事件检测点击时，我只收到 canvas。有没有 ...

绘制function并用字母替换元素

[英]Draw function and replace elements with letters

这个想法是创建简单的刽子手游戏，当您选择一个给定的类别并单击新单词按钮时，将显示给定列表中的相应随机单词（如下划线）。 然后，如果字母与该单词中出现的字母匹配，则显示该字母，如果不匹配，则抽取 hangman 的连续元素。 但我现在不知道如何将这些进一步实施到项目中。 如何创建一个function， ...

如何修复蛇游戏中的错误？

[英]how to fix bugs in snake game?

我这几天一直在制作蛇游戏来提高我的js技能。 我发布了我的迷你游戏的第一个 Beta 测试。 而且您实际上知道 Beta 测试中总是有很多错误。 我注意到了他们。 首先我注意到，如果 snake.x position < 0，则蛇会从不同的角出现，但会出现在一个方块的前面，而不是从零坐标出现 ...

为什么当蛇吃苹果时代码不起作用？

[英]Why the code doesn't work when the snake eats the apple?

大家下午好。 我正在制作自己的贪吃蛇游戏。 当我实现蛇吃 function 时，我遇到了一个问题（应该在蛇吃苹果时启动的 function 不起作用。） 我试图将苹果的位置等同于块的大小。 当蛇吃掉苹果时，function 应该会给我一个警报。 var canvas = document.get ...

class 在构造函数中添加事件监听器后属性变为未定义

[英]class property becomes undefined after adding an eventlistener inside the constructor

我正在尝试创建一个 class 用于使用 typescript 进行绘图，但是如果我在构造函数中添加事件侦听器，属性canvas将变为未定义。 这是我的代码： 这是错误： ...

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 ...

如何在 JavaScript Canvas 中正确添加播放器和墙壁之间的碰撞

[英]How do I correctly add collisions between a player and wall in JavaScript Canvas

为了更好地解释我的情况，我做了一个代码笔。 https://codepen.io/kennyfully1988/pen/yLqpBVp 我正在开发一款玩家收集苹果的游戏。 当玩家触摸苹果时，碰撞正常工作。 （玩家将获得 1 分，苹果将从苹果数组中删除）。 我感到困惑的是以下 function 我 ...

想要为预建的所有点设置样式 html canvas 背景

[英]want to style the all dots of pre built html canvas background

代码不同，我很抱歉我没有以正确的方式问问题，原则上你可以很好地理解，当我悬停时，点会获得颜色并相互连接，其他点是不可见的，我想要全部点应该一直可见。 codepen 上提供了实例， https://codepen.io/tati420/pen/RwBamQo?editors=1111 ...

html代码中p5.js库canvas的结构

[英]Structure of canvas of p5.js library in html code

这是我的 HTML 代码。 在脚本标签中，我定义了 canvas 宽度和高度，但在 js 或我的 chrome 页面上，宽度没有变化。 这是 CSS 代码，其中定义了 canvas 的 function 我尝试了getElementById方法在HTML中定义js的宽度，使屏幕的宽度和高度可调，但由 ...

箭头键实现 javascript

[英]Arrow Key implementation javascript

当汽车位于道路的另一侧时，我一直在尝试翻转箭头。 该图显示了两条多车道道路，左侧的前向向上，我希望右侧的前向向下至 go，左右相同。 我试过我的方法，但它似乎不起作用，所以我认为我在做一些愚蠢的事情。 请使用可行的方法，这是代码 ...

在手机上使用 canvas pointermove 事件，触发 pointerleave 事件

[英]Using canvas pointermove event on phone, the pointerleave event gets fired

赏金将在 7 天后到期。 此问题的答案有资格获得+50声望赏金。 dcromley想提请更多人注意这个问题： “pointermove”事件是否有效？ 我只是想使用“指针”事件在我的手机上绘图。 这适用于我的桌面鼠标，但不适用于我的（android）手机。 我应该能够画出曲线，但用手指在手机上 ...

raster.on 不是 function - Paper.js

[英]raster.on is not a function - Paper.js

我似乎无法从我正在使用 paper.js 的项目中获得任何 output 由于某种原因，似乎无法将raster.on识别为 function...有人能帮我解释为什么显示的错误不是 function 吗？ 我已经尝试以几种不同的方式初始化 paperscript（或者我认为我拥有的 - 非常新手） ...

我遵循了教程，但为什么简单的 if 语句不起作用？

[英]I followed a tutorial, but why does a simple if-statement not work?

我是 HTML 和 JS 的新手，所以我目前对自己做错了什么感到困惑。 我在 Youtube（链接： https://www.youtube.com/watch?v=4q2vvZn5aoo ）上学习了 Chris Courses 的教程，直到 1:27:13。 代码行是： 它对他来说非常有效，但我 ...

如何使用具有透明度的 `putImageData`？

[英]How can I use `putImageData` with transparency?

我正在使用 putImageData 将图像数据的字节数组绘制到putImageData 。 图像数据具有一定的透明度，但是当我将多个图像绘制到 canvas 时，我没有看到任何重叠。 换句话说，我明白了： 但我想要这个： 我显然不了解 alpha 合成在 Javascript/HTML 中的 ...

从 webworker 发送消息并等待回复

[英]Send message from webworker and wait for reply

我目前是第一次与 webworker 和 canvas 合作，对此有疑问。 我有一个网页需要在canvas上绘制多个元素。当canvas已满时我想创建一个新的canvas并继续绘制。 我已经将绘制逻辑外包给了一个获取元素列表和当前 canvas (OffscreenCanvas) 的网络工作者。 我 ...