如何正确对齐 Canvas 与底层图像？

[英]How to properly align Canvas with the underlying Image?

我的应用程序检测到实时网络摄像头图像中的异物（斑点、簇等），并在图像顶部显示对象的轮廓。 为此，我使用了Image和Canvas元素，如下所示： 上述 XAML 中的Border元素仅用于在包含videoPlayer和ObjectsCanvas的Grid周围绘制粗红线边框。 Stretch="U ...

在画布android中居中对齐位图

[英]Center align bitmap in canvas android

我正在使用它向图像位图添加黑色，但我的位图总是在顶部需要居中对齐。 这是我正在使用的代码 任何解决方案安卓 更像这样 ...

android canvas 是否在位图上绘制？

[英]Does android canvas draw on a bitmap?

我正在使用 SurfaceView 的画布，但不太了解画布如何处理其绘制调用。 到目前为止我的想法：Canvas 由 Bitmap 支持，所以我绘制的东西直接保存为该 Bitmap 中的像素值。 然后我没有得到的是：Canvas 允许缩放、平移和“屏幕外”绘图等操作，但所有这些都需要一个动态大小的 ...

javascript，画布，如何裁剪和旋转精灵

[英]javascript, canvas, how to crop and rotate sprites

有工作代码来裁剪精灵 } 有工作代码来旋转图像 有代码来计算敌人与塔相关的角度 问题是，我无法弄清楚如何旋转裁剪后的精灵，无论我如何尝试，一切都会变得一团糟。 有没有办法合并绘制函数代码和 drawRotated 函数代码，这样我就可以动态旋转裁剪的精灵。 你可以检查我到目前为止的工作，3 个不同 ...

FabricJS 调整 JSON 数据以适应不同的屏幕尺寸

[英]FabricJS resize JSON data for different screensize

我正在为 freeDrawingMode 使用 fabricJS，并通过 JSON 将绘图保存到我的数据库中。我的 canvas 是一个基于打开页面的设备屏幕尺寸的动态尺寸。 下次打开页面加载 JSON 数据时，如果 window 大小与之前的大小不完全相同，则在新屏幕上绘制的 canvas 要么变 ...

Python Kivy 中的二维图形，需要建议

[英]2d graphics in Python Kivy, advice is needed

我一直在研究 Kivy 的世界，我遇到了一些问题。 我正在设计一个界面。 它必须像旧电压表一样具有带箭头和弯曲刻度的模拟设备外观。 只是为了在屏幕上显示一个数据。 我试过使用画布，但我堆放了窗口属性的大小调整。 构建的画布对象要么连接到以 px 为单位的特定大小，要么以错误的方式更改了屏幕上的位置。 ...

Chart.js - 打印包含 Chart.js 的网页 canvas 打印出数百个空白页

[英]Chart.js - printing a webpage containing Chart.js canvas prints out hundreds of blank pages

我的 web 页面上有一张 Chart.js javascript 图表 ( https://www.chartjs.org/ )。 这个基于 javascript 的图表位于 ID 为 chart-0 的 Canvas 元素内<canvas id="chart-0" height="380p ...

为什么 Safari 会模糊重叠画布下的图像？

[英]Why does Safari blur images under an overlapping canvas?

这个 codepen 包含一个图像和一个透明的 HTML 画布。 当画布出现时，图像是模糊的。 我怎样才能避免这种模糊？ function hideCanvas() { document.querySelector("#mycanvas").style.display = "none"; } ...

三个 JS - 在循环内的画布上渲染不更新画布

[英]THREE JS - Rendering on canvas inside of loop not updating canvas

我有下面的代码，它进行了多次scans 。 我知道这永远是 2880。画布应该将整个 360° 分成 2880 个扇区。 下面代码中的循环将始终从 0 运行到 2880，并且在每个循环中，一堆（可能几百个）2px 彩色点在该扇区中渲染，从画布的中心向外散发。 循环移动得很快，在我升级三个包之前，这个 ...

Javascript、Canvas、指向移动目标的点线

[英]Javascript, Canvas, point line toward moving target

有圆圈和以移动物体为目标的线，需要这条线总是固定长度 30px，所以它不会到达移动物体，而是只指向它正如您在第二张图片中使用 canvas.clip() 看到的那样，我有点做到了，但应该是 clip() 也会从画布中删除所有其他对象。 ...

如何使用 html 画布和打字稿绘制给定两个点的三角形

[英]How to draw a triangle given two points using an html canvas and typescript

我确定我错过了一些明显的东西，但我正在尝试使用 html 画布在两点之间绘制二次曲线，为此我需要一个“控制点”来设置曲线。 曲线的起点和终点已知，控制点未知，因为线条是动态旋转的。 我只需要找到三角形的第三个点即可设置控制点我使用这个函数来找到线的中点： 此功能按预期工作。 然后是第二个函数来获取线 ...

WebGL：在纯色背景上绘制的透明像素的 Alpha 通道泄漏到画布缓冲区中

[英]WebGL: Alpha channel from transparent pixels drawn over solid background leak into canvas buffer

WebGL 相当新，尽管我已经涉足它几个月了。 我刚刚遇到一个问题，试图在我的 WebGL 画布缓冲区中将透明像素混合到已经不透明的背景上。 题我如何绘制第二个矩形，使其与纯灰色混合，但它的 alpha 不会泄漏到画布缓冲区？ 我不想在 WebGL 上下文中将alpha设置为 false，因为我的 ...

用图像而不是文本填充 canvas（命运之轮）

[英]Fill canvas (wheel of fortune) with images instead of text

我正在尝试用图像而不是文本来创建一个命运之轮来显示价格。 我正在使用ctx.fillText(sector.label, rad - 50, 10); 用他们的文本 label 填写所有价格，但我想用图像代替文本！ 但是，当我执行ctax.drawImage(sector.image, rad - ...

使用 javascript 在客户端或后端合并两个视频

[英]Merge two videos on the client or backend side using javascript

这个赏金已经结束了。 此问题的答案有资格获得+500声望赏金。 赏金宽限期在18 小时后结束。 Profer正在寻找可靠来源的答案。 我正在使用 React 和 Node。 我的项目需要合并视频并在播放器上播放。 无论如何是可能的，我可以在我的 React 端使用一些画布或在后端端使用 ffmp ...

如何在移动浏览器上录制 div + 音频输入？

[英]How to record a div + audio input on mobile browser?

我是 Kevin，初级 Web Dev。 我有一个项目，其中包括在相机 Canvas 上绘制游戏 Canvas，它看起来像这样： 为了简化，它是这样伪实现的： 由于游戏将在手机浏览器上进行，我如何记录外部容器+麦克风音频输入？ 玩家必须能够录制大约 15 秒的游戏过程， 我已经看过这篇 SO 帖 ...

如何在没有 clearRect function 的情况下用 javascript canvas 写一个 animation？

[英]How to write an animation with javascript canvas without clearRect function?

我有一个包含 canvas object 的网页，我应该制作一个 canvas 所描绘的图形的 animation。在同一区域我已经有其他图形，所以我不能使用 drawRect function 在每个循环中擦除图形animation。我该如何解决？ 我的网页的完整代码： 我是 html、css ...

如何循环canvas animation？

[英]How to loop canvas animation?

我试图理解动画。 当我需要创建循环时，我似乎总是被卡住。 所以，我有两个不同的 styles，我希望它们每隔几秒或 1 秒交换一次，没关系。 document.getElementById("square").style.backgroundColor = "red"; document.get ...

如何用L.canvas画一个波动的圆圈

[英]How to use L.canvas to draw a fluctuating circle

我是后端程序员，第一次使用leaflet。 js animation步骤我不是很了解。 我想用L.canvas画一个动圈，如下图。 指定圆的范围或者圆心的经纬度，半径会不断波动向外扩散，类似水波（图中这个效果是我用高度封装的animation库做的） 希望有人能给我一个例子，或者给我一个建议，让 ...

canvas个对象之间的自动调整线

[英]Auto-adjustable line between canvas objects

我的意图是用 canvas 创建一条线，只要对象发生变化 position，它就会自行调整，以便它始终具有正确的形状。 我目前有以下内容（使用二次曲线转弯）： 我找到了一个完全符合我要求的GoJS库，如下所示： 问题是库不是开源的，所以我想知道这是否是某种通用算法，或者我必须手动进行计算以识别对象的 ...

Angular：如何撤销canvas绘图？

[英]Angular : How to make undo on canvas drawing?

我正在创建我当前项目中需要的一些绘图工具，根据我的要求绘图工作正常，但我正在尝试创建 UNDO 选项，但它无法正常工作。 单击撤消按钮后，我只需要删除最后绘制的线条。 参考这里的代码 Angular 撤消代码： 请检查下面的 stackblitz 代码库。 https://stackblit ...