html5-canvas 相关问题

Canvas是一个HTML元素,允许2D和3D中的2D形状,3D形状,位图图像和动画的动态,可编写脚本的渲染。

我的 JavaScript 粒子碰撞引擎无法渲染,“粒子不是构造函数”错误

我有以下代码,我尝试在其中创建基本粒子碰撞的引擎。但是,它无法渲染并留下一个空画布,并显示错误:“粒子不是

回答 1 投票 0

在JS中不使用HTML元素可以替代prompt()吗?

我正在用 Javascript 编写一个使用画布的程序。我想从 Prompt() 函数获取用户输入,但在我使用的环境中已弃用该输入。有什么可以替代...

回答 1 投票 0

使用fabric js时获取canvas对象

我正在使用 Fabric.js,并且我在一个地方创建了一个 Fabric 画布对象。 var x = new Fabric.Canvas("mycanvas"); 现在在另一个地方,我想访问“x”不可用的对象。 S...

回答 2 投票 0

在网络浏览器中使用 Javascript 对 webgl 画布中的帧的 mp4 视频进行编码的最高效方法是什么?

我可以使用 readPixels (https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/readPixels)从画布上捕获帧,但是然后呢? 我认为有几个 wasm 版本

回答 1 投票 0

虚幻引擎 5 到 HTML5 转换

我想将 UE5 创建的模型导出/打包为 HTML5 模型。据说UE5不支持转换为HTML5。我想知道是否有任何方法可以进行转换。 我想知道是否...

回答 0 投票 0

在专用网络工作者中进行图像像素操作

我需要使用 JavaScript 在浏览器中进行计算密集型图像像素操作。像素操作包括直方图均衡、使用亮度转换为灰度(CIE 实验室的 L*

回答 1 投票 0

上传前调整图像大小 - 将画布转换为文件对象

这是我现在使用 HTML5 文件 API 上传多个图像的代码片段: /** * @param {FileList} 文件 */ 上传:函数(文件){ nfiles = 文件长度; 对于 (var i = 0; i...

回答 4 投票 0

鼠标:画布的滚轮事件在fabricjs中不起作用

我正在与fabricjs合作构建一个工具,我可以在其中在图像上添加文本和形状。我还添加了缩放和平移控件。我在下面粘贴了用于缩放鼠标:滚轮事件的代码,但...

回答 0 投票 0

为什么drawImage()会改变目标框外的画布?

根据 drawImage() 的文档,我正在尝试绘制到画布的特定部分。然而,目标框外的区域受到影响,即它们的 alpha 值为零......

回答 1 投票 0

如何找到(打印)Path2D 对象?

如何打印出 Path2D 对象的名称? var test = new Path2D() 然后遵循绘图代码。 然后我使用 if 语句将变量 test 存储在另一个变量中。 如果(ctx.

回答 0 投票 0

使用 JavaScript 画布绘制水壶

var c = document.getElementById("view"); var ctx = c.getContext("2d"); ctx.moveTo(100, 100); ctx.quadraticCurveTo(150, 60, 200, 100); ctx.quadraticCurveTo(150, 140, 100, 100); ctx.bezierCurveTo(110...

回答 1 投票 0

HTML5 Canvas DrawImage 奇怪的错误

我正在尝试上传图像并在画布上绘制图像。 我发现了奇怪的错误。 有时,在画布上绘制从 Ios 设备拍摄的图片。 具体图片不显示。 下面是我的代码 $(文档).ready(有趣...

回答 0 投票 0

Angular - 画布在调整大小时不重新绘制形状

我有一个 Angular 应用程序,我在其中使用可以根据用户选择调整大小的画布。现在,当我在表单中调整画布大小时,画布会正确更改大小,但它上面的所有内容

回答 1 投票 0

如何将 2 个背景颜色与 2 个不同的 div 合并?

下面的截图是我想要实现的。 蓝色和棕色是不同的 div。 下面的截图是我想要达到的目标。 蓝色和棕色是不同的div。 <div style="padding:10px;height:65px;border-radius:10px;background-color:#0099FF;>4 pm</div> <div style=padding:10px;height:65px;border-radius:10px;background-color:#8B5E3C;>2 pm</div> 以下是我到目前为止所取得的成就。 您可以使用 transform 属性移动两个父容器,其中包含两个子容器。 *{ margin: 0; paddding: 0; } .bg{ width: 100vw; height: 100vh; background-color: #303030; display: flex; align-items:center; justify-content:center; color: white; } .parent-1{ display:flex; transform: translate(45px, -5px); } .parent-2{ display:flex; transform: translate(-45px, 5px); } .square-1{ background-color: blue; width: 100px; height: 50px; } .square-2{ background-color: blue; width: 100px; height: 25px; position:relative; top:0; } .square-3{ background-color: red; width: 100px; height: 25px; position:relative; top: 25px ; } .square-4{ background-color: red; width: 100px; height: 50px; } <div class='bg'> <div class='parent-1'> <div class='square-1'> square 1 </div> <div class='square-2'> square 2 </div> </div> <div class='parent-2'> <div class='square-3'> square 3 </div> <div class='square-4'> square 4 </div> </div> </div>

回答 1 投票 0

html中<canvas>元素的代码是否已更改,我的代码似乎都不起作用?我想画一条线

尝试在 html 元素中绘制任何内容时,我总是遇到错误。我上过 reddit、W3 Schools 和大约 30 个其他教程。我问了 ChatGPT,它给了我相同的代码。什么都不是...

回答 0 投票 0

GET 请求被禁止,而 POST 请求正常

在我的 web 应用程序中,我需要调用不同的 web 服务(由我开发/管理)以通过 rest API 启动/管理资源。 Web 服务运行在 tomcat6 上。我可以从眉毛看到...

回答 2 投票 0

如何在 JavaScript 中检查直线是否与圆相交?

我正在创建一个库,这样我可以更轻松地创建 HTML5 canvas 游戏。我目前正在研究碰撞检测。这是我为线/圆碰撞编写的代码如下。 object1 是...

回答 2 投票 0

如何在 useEffect 中重新渲染 React 功能组件?

我有一个顶级组件,它使用一个库来确定用户的浏览器是处于亮模式还是暗模式。然后它被用来设置应用程序的主题,其中包括 HTML Canvas 组件......

回答 3 投票 0

用于删除浏览器游戏中作为“渲染框架”一部分的背景/颜色渐变的扩展

我正在为游戏添加“自动播放”功能的扩展。基本上,当您死亡时,扩展按键会自动播放。 为此,我以这种方式创建了脚本:当菜单

回答 0 投票 0

如何修复错误:“没有可用的调试器,无法发送‘变量’”和错误:“高度未定义在……(方法)”?

我一直在尝试观看 Chris Courses 制作的使用 html/js 制作格斗游戏的视频 (https://youtu.be/vyqbNFMDRGQ),但我遇到了这些错误: 精灵{位置:{...},

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.