canvas 相关问题

Canvas是自由格式图形输出的通用元素。

InvalidStateError：无法在“CanvasRenderingContext2D”上执行“drawImage”：提供的 HTMLImageElement 处于“损坏”状态

从 'matter-js' 导入 { Bodies, Composite, Engine, Mouse, MouseConstraint, Render, Runner }；从 'react' 导入 React, { useEffect }; 从 './styles' 导入 * as S；从“../../.....”导入颤振

javascript reactjs canvas next.js matter.js

回答 1 投票 0

点击每个 JavaScript 画布

我尝试使用“imakro”（firefox 的插件）来实现自动化。该插件可以记录（和播放）网站上的点击，到目前为止效果良好。这个网站有 2 个画布元素，我必须点击...

javascript html canvas firefox-addon

回答 1 投票 0

单元测试因 .getContext() 未实现而引发错误

我正在使用 Jest 为使用画布元素的组件编写测试。当我运行如下所示的测试时，我不断收到错误。错误：未实现：HTMLCanvasElement.prototype.getCont...

javascript canvas jestjs jsdom

回答 8 投票 0

如何在两个动画画布元素之间进行通信？

我想在两个动画画布元素之间进行通信。我使用 Adobe Animate CC 制作了两个 html5 canvas js 动画。我已将这两个元素放入一个 html 页面中。我可以成功

javascript html animation canvas

回答 1 投票 0

计算chartjs中线上的点坐标？

在这个可拖动的 ChartJS 演示中，是否可以沿着 ChartJS 绘制的一条曲线导出一组插值坐标？变量选项= { 类型：'线'，数据： {

javascript canvas chart.js html5-canvas cubic-bezier

回答 1 投票 0

如何限制贝塞尔曲线的锚点停留在直线上

我如何限制贝塞尔曲线的锚点保持在线.. 要求这是我的演示 - 链接这里是我的代码笔

javascript canvas konvajs konva

回答 1 投票 0

寻找 React Native 库来在图像上绘制区域

可能我无法正确地谷歌搜索，所以找不到我需要的东西。寻找库来在图像上绘制连接的多边形，如下所示，没有裁剪功能等。高度首选 React Nativ...

react-native canvas

回答 1 投票 0

Javascript 画布：完全（对齐）对齐

在 MDN 文档和 SO 之前的问题中，没有提到完全（合理）对齐。有人有同样的问题并且已经有了解决方案吗？ PS：之前有相关...

javascript canvas alignment

回答 1 投票 0

canvas 标签 getContext 函数的 alpha 标志仅用于咨询吗？

通过一个小测试： [无画布支持] context = document.getElementById('cvs').</desc> <question vote="0"> 来自一个小测试： <pre><code><canvas id="cvs" width="600" height="250">[No canvas support]</canvas> <script> context = document.getElementById('cvs').getContext('2d', {alpha: false}); context.fillStyle = 'red'; context.fillRect(0,0,100,100); context.fillStyle = '#ff07'; context.fillRect(25,25,100,100); </script> </code></pre> 画布标签 getContext() 方法的 alpha: 选项是建议性的，因为当我设置它时，我仍然可以使用半不透明颜色（即使画布具有黑色背景而不是透明背景，因此标志是显然有效果）。 这是预期的行为吗？ </question> <answer tick="false" vote="0"> 是的，这是预期的行为。该标志用于让 UA 知道网页中的其他内容在画布下不可见，因此可以将其移动到 CSS 合成器中自己的渲染层中。 但画布内部的色彩构图仍然正常工作。 <a href="https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-alpha" rel="nofollow noreferrer">规格</a>有此注释： <blockquote> 因此，此类上下文的位图一开始是不透明的黑色而不是透明的黑色； clearRect() 始终会产生不透明的黑色像素，getImageData() 中的每四个字节始终为 255，putImageData() 方法实际上会忽略其输入中的每四个字节，依此类推。然而，绘制到画布上的样式和图像的 Alpha 分量仍然受到尊重，直到它们会影响输出位图的 Alpha 通道；例如，在新创建的输出位图上绘制一个 50% 透明的白色正方形，并将其 alpha 设置为 false 将导致完全不透明的灰色正方形。 </blockquote> </answer> </body></html>

canvas alpha

回答 0 投票 0

首次在 Chrome 中绘制大图像时出现小延迟

我正在使用canvas标签开发一个简单的基于JavaScript的游戏。作为游戏的一部分，我有几个大的精灵表（例如 2816x768 和 4096x4864），每个精灵表都包含相关的动画......

javascript google-chrome canvas

回答 4 投票 0

Konva.JS 如何从另一层中减去一层？

我需要“drawingLayer”图层作为“normalLayer”图层的遮罩我已经尝试了很多东西，但我无法从“

javascript canvas konvajs konva

回答 1 投票 0

canvas.toBlob 不适用于 iPhone 图像上传

我一直在 React 中开发一个具有裁剪功能的应用程序。该代码应将图像转换为画布，然后将画布转换为Blob，以便我稍后可以在代码中使用该 base64 字符串。一切都很好...