html5-canvas 相关问题

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

如何在画布上获取特定 x,y 位置的特定图像? [已关闭]

我想在画布上的某个 x,y 位置获取图像,并在一定时间内将其更改为随机位置。我有图像 URl。 我尝试使用drawImage函数,但我得到了...

回答 1 投票 0

画布 html 中的中心图像

我试图将 svg 图像在画布中居中,但是图像转到右下角,我不明白我做错了什么。 注意:图像是 svg 图像,我尝试了 png 图像...

回答 1 投票 0

从canvas.measureText获取包含元素的预期渲染大小?

在将 DOM 元素中的文本附加到文档之前,我会获取 TextMetrics(位置:绝对/固定;显示:块;),如下所示: 函数 getTextMetrics(txt, 字体) { 常量画布 =

回答 1 投票 0

为什么 requestAnimationFrame 比 setInterval 或 setTimeout 更好

为什么我应该使用requestAnimationFrame而不是setTimeout或setInterval? 这个自我回答的问题是一个文档示例。

回答 2 投票 0

2D HTML5 Canvas 游戏:特定宽度/高度限制玩家移动(未实现碰撞)

问:为什么根据画布的宽度/高度+玩家位置,这些方向上的移动受到限制,如何解决这个问题? 正如标题中提到的,我一直在构建一个 2D 画布游戏(...

回答 1 投票 0

JavaScript Canvas 中的 HSB 颜色填充

我想用HSL颜色填充一些圆圈,这样我就可以改变它们的亮度值。 我是 JavaScript 编程的新手,我在 JavaScript 中找不到任何有关 HSL 颜色的信息。 我

回答 2 投票 0

带控制器按钮的贪吃蛇游戏,适合移动使用**更新**

** 注意:我已经编辑了下面的 javascript 并链接到新的 JSFiddle,但仍然没有像键盘上的箭头键那样获得控制蛇运动的按钮 ** 我正在尝试创造...

回答 2 投票 0

如何在画布上获取特定图像?它的属性就像x,y

我想在画布上获取图像及其x,y,因为它是每隔一定时间在画布上随机位置绘制的。 我有图片来源,不知道是否有帮助 T...

回答 1 投票 0

如何为画布添加颜色手电筒效果?

我想知道是否有任何方法可以在 JavaScript 中为我的手电筒添加颜色效果,这样它看起来有点像我的图像上的光。我似乎不知道如何实现我想要的效果。我

回答 1 投票 0

将有界文本添加到 React Force 2D(HTML Canvas)

确实,这是一个非常特定的包,更具体地说,是@vasturiano 的 React Force Graph。但是,由于它大量使用了 HTML Canvas 和 D3.js,我想也许这里有人可以摆脱......

回答 1 投票 0

如何通过转换检测哪个元素悬停在 CanvasRenderingContext2D 上?

我有一个画布,在上面应用了一些变换(主要是平移将原点放在中间和缩放比例)。我现在想知道光标是否悬停在...

回答 1 投票 0

在 Konva.js 中模拟图像的“object-fit:contain”

我正在尝试制作可调整大小的图像,其内容完全适合矩形。我找到了如何模拟 object-fit: cover 的解决方案,但我需要包含。 我做了一些解决方案: const 宽度 = size.width; 常量 h...

回答 1 投票 0

HTML 画布保持在渲染线上,即使在我清除它之后

我正在尝试使用 HTML Canvas 元素在 React 中构建一个绘图应用程序。 从“react”导入 React, { useEffect, useLayoutEffect, useRef, useState }; ///*[EN ROUGH]*/导入粗糙...

回答 1 投票 0

Fabric JS - 我可以将画布另存为图像但带有 <img> 标签的背景吗?

我将canvas元素放在div中,将img元素放在背景中。当然,我可以使用 canvas.toDataURL('image/png'),但这只会保存 canvas 元素内的所有对象,我...

回答 1 投票 0

将 Javascript 画布形状限制到指定区域

有没有办法将文本、矩形和其他形状/元素约束到 JavaScript 中的指定矩形?我正在构建一个在另一个项目中使用的工具,我想绘制一个较小的窗口......

回答 1 投票 0

基于 Chromium 的浏览器返回的 canvas.getimagedata() 值不一致

我当前正在运行一个程序,该程序从先前使用 canvas.getImageData() 加载图像的画布中选取一个像素,分析该像素的 RGB 值,然后基于...

回答 1 投票 0

Fabricjs 画布比父级画布大,我该如何实现这一点?

我是fabricjs的新手,我正在尝试实现以下目标:拥有一个特定尺寸的画布(假设600px),但在浏览器上它应该在视觉上显示较小(假设300px)。 当我

回答 1 投票 0

如何在 Safari 中检查 <canvas>?

我需要检查中绘制的内容,如这个问题所示。我知道如何使用 Chrome 开发工具画布检查器和 Firefox Canvas 调试器。 有没有什么...

回答 1 投票 0

使用画布和 javascript 单击对象

我创建了一个画布,里面有一个圆圈,我正在尝试检测鼠标单击。 我正在计算鼠标单击和圆的半径之间的距离。当...时输出应为 0

回答 1 投票 0

是否可以对网站的html5画布动画进行逆向工程

我想了解这个网站的动画是如何设置的。 诚然,我不熟悉 html5 canvas 动画,并且刚刚开始为项目学习更多内容。我正在寻找一些...

回答 1 投票 0

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