html5-canvas 相关问题

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

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

两个path2D之间的javascript画布交集

我正在寻找一种方法来检查两个 path2D 是否相交,但找不到方法...... 示例: // 我的圈子 让circlePath = new Path2D(); circlePath.ellipse(x, y, radiusX, radiusY, 0, 0, Math.PI*2,

回答 1 投票 0

如何在html画布中使用bezierCurveTo绘制螺旋线?

我想画一个螺旋,一个半径随着角度稳定增加的圆。 当搜索类似的问题时,圆形/螺旋总是通过用

回答 1 投票 0

在网页内容下方的 HTML Canvas 上绘制线条

我正在开发一个项目,在网页内容下方的 HTML 画布上绘制线条。我的目标是实现与所附屏幕截图类似的结果。这是我到目前为止所做的: 让包含...

回答 1 投票 0

我可以预缩放和缓存图像吗?

我有一个游戏,它以每秒 60 帧的速度在 HTML5 画布上绘制 324 个图块。 当tilesize设置为固定数量的像素并与源的像素匹配时,它工作得很好......

回答 1 投票 0

Konva 画布中的 SVG 动画

我想向 Konva 画布添加动画 SVG。我尝试将其与图像对象一起添加。 SVG 会显示,但不是动画。 我还尝试向图层添加动画,如图所示...

回答 2 投票 0

HTML 将 WebGL 画布另存为图像

我正在使用https://github.com/auduno/clmtrackr 我试图从以下示例中保存图像: https://github.com/auduno/clmtrackr/blob/dev/examples/facedeform.html 问题...

回答 2 投票 0

openfl canvas toDataUrl() 返回空白图像

我正在尝试捕获该游戏的屏幕截图,但当我尝试时仅返回空白图像。 var data = document.getElementsByTagName("canvas")[0].toDataURL('image/png'); var 输出 = 文档...

回答 1 投票 0

具有填充+滚动条的画布元素

我的画布元素有内边距和滚动条,无论我尝试做什么(例如将内边距设置为 0px、将显示设置为块、将边距设置为 0),问题仍然存在。 我看过不同的

回答 1 投票 0

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