html5-canvas 相关问题

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

橡皮擦使画布完全变白

main.js: const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); 让 isDrawing = false; 让最后X = 0; 让最后Y = 0; 常量 AXIS_LENGTH = 50; // 轴长度 l...

回答 1 投票 0

合并两个画布文件

轴辅助代码: const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); canvas.width = window.innerWidth; canvas.height = 窗口。

回答 1 投票 0

html5 画布旋转轮不停止在获胜颜色

我正在尝试使用canvas和html5创建一个旋转轮。它有效,但我的最终目标是尝试将箭头指向确切的获胜颜色。例如,如果获胜颜色是绿色......

回答 1 投票 0

向网页添加动画 html 画布背景时遇到问题?

我正在尝试将以下动画添加到我的网页背景链接到背景,我面临的问题是背景加载在我网页的所有内容之上,至于...

回答 1 投票 0

使用 HTML5 画布实现更高 DPI 图形

使用 HTML5 画布创建图像时是否可以设置自定义 DPI/PPI?我知道如何在画布上绘制并将其导出为图像,但如何确保输出图像是 c...

回答 5 投票 0

Fabric.js:窗口大小调整问题

我正在尝试制作一个简单的类似 PowerPoint 的应用程序。这两周我一直在努力解决窗口大小调整问题。如果您给我任何建议,我真的很感激! 我想继续定位一个白色矩形...

回答 2 投票 0

css 变换旋转(90deg)后画布中风矩形行为问题

首先,我英语不好。感谢您的理解。 现在我来解释一下我目前遇到的困难。 我目前正在开发一个绘制矩形的函数...

回答 1 投票 0

如何在画布的其余部分绘制透明图像

在此代码片段中,我简化了问题的一个版本 我想要的是: 我有一个游戏(以绿色背景表示)。在这个游戏之上,我想画一个稍微透明的图像......

回答 1 投票 0

CSS/SVG/Canvas:动态/移动渐变

我正在研究如何创建一个具有动态/移动背景的div,该背景基于具有三种颜色的径向渐变: 我们的想法是有一个像这样的中心点: 拖动

回答 1 投票 0

如何将没有 Alpha 通道的图像与特定背景颜色分开? [已关闭]

最近同事给了我一个效果视频,让我把它渲染到网站上作为效果。 我的解决方案是在画布上渲染它,但我无法将效果与黑色背景分开...

回答 1 投票 0

Fabric.js - 如何为画布加载事件提供回调

我从 JSON 对象加载画布并调用 toDataURL,但我需要一个回调,该回调将在画布加载后执行,因为如果画布上有图像,toDataURL 函数将返回空白页面...

回答 1 投票 0

如何分离具有Alpha通道的图像和特定的背景颜色?

最近同事给了我一个效果视频,让我把它渲染到网站上作为效果。 我的解决方案是将其渲染在画布上。但我无法将效果与黑色背景分开,是...

回答 1 投票 0

画布中的真实鼠标位置

我正在尝试用鼠标在 HTML5 画布上进行绘制,但似乎效果良好的唯一方法是,如果我更改画布位置,画布位于位置 0,0(左上角),为了...

回答 6 投票 0

使用 JavaScript 实时更新 HTML Canvas 中可拖动圆形容器的滚动条

我正在使用 HTML 和 JavaScript 在画布中开发一个可拖动的圆形容器,并且每次用户在

回答 1 投票 0

如何在 JavaScript 中绘制具有渐近行为的函数,例如 tan(x)、ln(x) 和 log(x)?

我正在开发一个项目,需要在 JavaScript 中绘制数学函数的图形,特别是在某些点表现出渐近行为或接近无穷大的函数,例如...

回答 1 投票 0

显示弯曲选项有问题

这是我文件中的一段代码,我按照 youtube 教程使用 html 和 css 制作这张卡片,但卡片没有像视频中所示那样彼此相邻显示,是因为我...

回答 1 投票 0

即使 devicePixelRatio (DPR) 为 1,画布绘制线也会模糊

有谁能够解释为什么在 DPR==1 行中整个像素仍然模糊吗? https://codepen.io/Ondej-Spilka/pen/LYvrpby var canvas = document.getElementById('myCanvas'); var context = canvas.getC...

回答 1 投票 0

流媒体性能 - Canvas 与 <img>?

我正在开发一个应用程序,需要通过 webSocket 连接以每秒至少 30 帧的速度持续传输图像。 我遇到了一些性能问题,正在寻找......

回答 1 投票 0

Chart.js:有没有办法根据数字图例的项目制作具有固定高度和可变宽度的图表

我想知道如果图例中的项目数量与其初始大小不匹配,是否有办法使图表的宽度增加 我尝试了很多不同的设置和方法,例如

回答 1 投票 0

在 React Konva 中实现边界约束裁剪矩形

我正在使用 React Konva 开发图像编辑功能,并面临创建裁剪工具的挑战。我的目标是允许用户在图像上选择带有矩形的裁剪区域......

回答 1 投票 0

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