问题标签 [2d-context-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4082 浏览

html - 如何用 HTML5 画布将一个圆圈分成三个相等的部分?

在此处输入图像描述

如何使用 HTML5 canvas 2D context API 将一个圆圈分成三个相等的部分,如上图?

我正在尝试这个

有人可以提出更好的方法吗?可能用百分比(或度数)而不是硬编码坐标?

0 投票
1 回答
404 浏览

html - 如何调整 HTML5 画布上已关闭的路径的大小?

我在画布上渲染了一条二次曲线。我想通过 window.setInterval 对其进行动画处理,然后更改它的尺寸(注意不是简单地改变它的比例)。

如何在调用 context.closePath() 后保留对路径的可编辑引用?

0 投票
0 回答
86 浏览

html - 我可以在 HTML5 的单个上下文 2D 画布窗口中“嵌入”/混合一个(或多个)上下文 3D 画布窗口吗?

第一个问题可能看起来很奇怪,所以我将尝试使用一个示例进行解释:

基本上我想要的是一张大桌子(上下文 2d),上面有几个托盘(上下文 3d 窗口),托盘上有茶壶和杯子(3D 内容)。

代码将如下所示:

所以,

(1) 桌子是固定的,不能移动;

(2) 用户可以轻松地“移动”托盘,并在他们所属的范围内“移动”或“环绕”茶壶。托盘和托盘当然不能重叠。

现在这个概念在 HTML5 中可行吗?

希望我的比喻足够清楚。

谢谢。

0 投票
1 回答
131 浏览

image - 您如何在 dart 中缓存稍后在 canvas2d 中绘制的图像?

所以,我学会了如何使用 dart 在画布中绘制图像,如下所示:

但是,您如何在以后绘制图像?

如,假设我有一个图像列表:

然后,我想根据它们的来源一一加载我的所有图像元素。完成后,只要我愿意,我就可以去:

没有此代码在 onLoad.listen 方法中。

0 投票
1 回答
704 浏览

html - HTML画布的'source-over'和'destination-over' globalCompositeOperation之间的性能差异

在查看了用于在 2D 画布上绘图的各种globalCompositeOperation 选项后,我想到destination-over这与默认值基本相同,source-over但元素是反向绘制的。

我想知道当画布计算合成并绘制像素时,是否有人知道这两个操作之间是否存在性能差异。

0 投票
1 回答
1825 浏览

javascript - 画布的填充样式不起作用

我有一个有循环的函数。在循环中它创建一个画布并设置不透明度。然后它设置背景颜色并将画布转换为图像。

不知何故,在画布上设置了不透明度,但没有设置背景颜色。

我不知道为什么我的背景没有被设置。有什么建议么?

先感谢您。

0 投票
2 回答
992 浏览

javascript - 根据 ID 在 React 中编辑对象数组中的属性

我有一个像这样在新的“上下文 API”中创建的对象数组......

我想在“reducer”中创建一个操作,允许我根据我将作为有效负载传递给操作的 ID 编辑每个联系人的“显示”属性,我该怎么做?

0 投票
0 回答
46 浏览

reactjs - 带有嵌套组件的上下文 api

我想实现上下文 API 以在我的文件中传输值。

我有以下文件夹结构

如果我在我的搜索中设置上下文 API 提供程序,我可以使用嵌套组件结构在 Container 中“使用”它。非常感谢任何帮助。

我是第一次实现上下文 api,所以我对所有的实现结构都不是很清楚。

谢谢

0 投票
1 回答
469 浏览

reactjs - 我正在尝试使用上下文 api,但我的 Consumer 的值在控制台中返回 undefined

这是我的上下文 api 的代码

这就是我打算使用它的地方,但它在控制台中返回 undefined 。我正在寻求帮助。

我想知道我是否在上下文代码中做错了什么。

0 投票
2 回答
81 浏览

reactjs - 在不重新加载页面的情况下无法在 reactjs 中实现仪表板更新

我正在构建一个管理应用程序,其中一个是受让人,另一个是用户(投诉者,投诉者)。受让人和投诉人都有自己的仪表板。我想实现,当投诉者提出新投诉时,它将显示在受让人仪表板上,而无需重新加载页面。我已经实现了这个,但这给了我这个错误。

无法对未安装的组件执行 React 状态更新。这是一个空操作,但它表明您的应用程序中存在内存泄漏。要解决此问题,请在 useEffect 清理函数中取消所有订阅和异步任务。

我已经尝试了很多次,但仍然是这个错误。

我希望在受让人的仪表板上显示投诉而不重新加载页面。