cost 26 ms
有没有办法将多个 CanvasGradients 混合在一起?

我正在绘制一个相互绘制的CanvasGradient对象网格。 我不想相互绘制,而是想实现混合混合效果,如“2D 元球”或以某种方式在渐变之间插值。 我尝试使用此设置https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingCo ...

2022-09-27 22:08:31 0 3
平移和旋转后 canvas 上的 getImageData

我正在尝试通过 getImageData function 为 canvas 提取图像的一部分。 困难在于我的部分是旋转的。 我的目标是提取例如图像上的矩形: 为了绘制下面的矩形,我使用了平移和旋转,但是当我们使用 getImageData 时这些函数不起作用。 这是我使用的小提琴。 谢谢! ...

2022-09-27 21:53:57 0 6
ctx.strokeStyle 有效,但没有错误消息的 ctx.fillStyle 无效

这是我制作越南国旗的代码。 出于某种原因,只有strokeStyle有效,而fillStyle无效。 我不知道为什么。 我试图去除红色以仅在 canvas 上显示黄色,但这只会使整个 canvas 变为黄色。 我试图改变strokeStyle和fillStyle的顺序,但没有任何改变。 ...

2022-09-27 11:22:35 1 12
处理 canvas 等距网格内的鼠标悬停图像

我在 html canvas 中有一个等距网格。 我正在尝试处理鼠标 hover 建筑物。 有些建筑物会有不同的高度。 正如您在下图中看到的,我悬停在一块瓷砖上,鼠标指针位于蓝色瓷砖内。 问题是当鼠标指针离开地面瓦片,或在建筑物图像的中间时,突出显示的瓦片会消失。 需要一种方法来单击每个单独的建筑物 ...

2022-09-27 02:14:04 0 4
如何阻止 canvas 在引导程序中溢出容器 div

简而言之,我有一个 canvas 帽子有一个动态变化的宽度,它不会改变太多,它的默认尺寸是 400x550。 它显示图像并提供用于打印图像的 UI。 在桌面上它看起来很棒,但在移动设备上它会将 canvas 绘制到容器的空白之外,并且想知道是否有办法修复它。 ...

2022-09-26 21:08:04 0 15
我无法让 canvas 围绕某个点旋转

我需要使用 canvas 围绕其中心旋转图像或在本例中为正方形。 如果它在点 (10,16) 并且我将正方形旋转 180 度,我需要该正方形在面朝下时保持在 (10,16)。 我尝试过的方法在随附的代码中。 const canvas = document.getElementById("canva ...

2022-09-25 22:47:01 1 15
Canvas 仅在尝试 drawImage /w React-webcam 时显示黑屏

我在使用 reactjs 编写网络摄像头应用程序时卡住了我将 react-webcam 仅用于输入和单独的 canvas 元素作为 output 的原因是因为我需要在 output 顶部绘制一些东西。 但是我唯一看到的是黑屏。仅此而已,我不明白为什么。 我的 console.log 给了我一些“积极 ...

2022-09-25 21:59:32 0 9
如何从 canvas 后面获取像素?

我的页面上有一个固定的 canvas 并且想要读取 CSS 中 canvas 后面的像素数据(图像等)。 有没有可能? 或者我可以对该区域进行快照并将其作为背景应用到 canvas 进行处理吗? 我在发布之前到处搜索,但似乎每次他们将图像应用到 canvas 但它的尺寸不一样,这不是我想要做的。 ...

2022-09-25 15:33:44 0 12
将图像绘制到 canvas 更改颜色

我尝试将此图像绘制到 canvas。 https://res.cloudinary.com/casestry-com/image/upload/casestry-studio/render/14PMT/p1/black/2500x3000/gloss_mask.png在我的本地,我检查了 (551 ...

2022-09-24 22:58:35 1 25
什么会在 HTML5 canvas 的 2D 上下文中重置字体属性?

我编写了一个简单的程序来使用 HTML5 canvas 显示一些图形。 代码完全被以下行弄乱了: 最初我认为在获取渲染上下文后只需初始化一次字体属性就足够了。 但事实并非如此。 有些东西正在不断地修改我的上下文并将其重置为“10px sans-serif”。 它是什么以及如何阻止它? ...

2022-09-23 11:41:00 0 4
绘制到 canvas 时如何缩放文本?

我正在使用 CSS 变换比例缩放文本,例如 我还需要在 canvas 元素上绘制相同的文本 我应该如何缩放上面的js function中的文本? 我已经硬编码了字体大小20px但我将如何使用2和4的比例值? ...

2022-09-23 05:23:30 1 19
如何在 React js 中渲染 canvas?

我可以在 HTML 中渲染它,但是 React 有不同的语法,我找不到,你能帮忙吗? 无法在反应中呈现它 - 显示空白页面。 工作 HTML 代码 - https://jsfiddle.net/me6s8q2g/176/ 数据是来自传感器的实时 spo2 波幅值。 请参考 HTML jsfiddl ...

2022-09-21 20:49:43 1 16
js canvas 创建模式重复问题

目前将其绘制到 canvas 上: 我想使用仅在红色矩形所在的 Y 轴上重复的纹理。 但是,在绘制纹理时,指定repeat-y时没有任何显示。 但是,当重复值是repeat时,它会起作用。 assets.grassRightTexture是一个预加载的 img 元素,具有 4px x 32px ...

2022-09-21 17:26:37 1 15
html中不同类型的class名称

什么是 diff bw 类=“名称” 类=“名称-新” class="name new" 这三个有什么区别,还有其他命名约定吗? ...

2022-09-21 12:38:27 2 23
如何在 Typescript(angular) 中的 canvas 元素上绘制一个矩形?

我尝试使用打字稿(角度)在 canvas 元素上绘制一个矩形,但它没有按预期工作,同时我在 javascript 中创建它的工作。 请看下面的代码, Html 代码: 请检查我在 stackblitz 上的实时代码: https://stackblitz.com/edit/angular-ivy ...

2022-09-21 06:56:28 2 36

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM