canvas 相关问题

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

如何获取具有所有给定参数的椭圆的轴对齐边界框?

void ctx.ellipse(x, y, radiusX, radiusY, 旋转, startAngle, endAngle [, 逆时针]); canvas context 2D API ellipse() 方法创建一个以 (x, y) 为中心、半径为 r 的椭圆弧...

回答 2 投票 0

在调整大小的画布上绘图时鼠标位置错误

我正在为我的 ML 模型构建一个 Web 应用程序,其中我需要用鼠标指针标记图像中存在遮挡的区域。然后,ML 模型获取标记图像并重建

回答 1 投票 0

canvas元素有“change”事件吗?

有没有办法将事件处理程序附加到画布元素的更改?每当有东西在上面绘制任何东西时,我都需要触发一个函数。

回答 5 投票 0

制作透明径向渐变时遇到问题(JavaScript/HTML)

背景: 我正在尝试使用光线投射制作光源,玩家可以在随机生成的迷宫中使用该光源。从鼠标指针投射的光线。我正在使用的径向渐变发生变化...

回答 1 投票 0

FabricJs如何在使用clipPath属性剪切图像时保持Image Stroke,

我使用此代码片段将笔划添加到图像中 Fabric.Image.fromURL('https://mediatours.ca/img/placeholder.jpg', function(img) { img.scale(0.2).set({ 左:10, 顶部:150, 角度:...

回答 1 投票 0

在 javascript 中将 png/jpg 转换为 .ico

所以我想要一个从 jpg/png 生成 .ico 文件的工具。 我使用以下代码从画布生成了 jpg: var img = c.toDataURL("image/png"); 文档.write(' 所以我想要一个从 jpg/png 生成 .ico 文件的工具。 我使用以下代码从画布生成了 jpg: var img = c.toDataURL("image/png"); document.write('<img src="'+img+'"/>'); 取自此画布: <canvas id="myCanvas" width="16" height="16"> 所以问题是;是否可以将生成的png转换为ico? 在 Firefox 中,您可以直接从画布执行此操作: // Make ICO files (Firefox only) var ctx = c.getContext("2d"); ctx.arc(c.width>>1, c.height>>1, c.width>>1, 0, 6.28); ctx.fill(); c.toBlob(function(blob) { console.log(blob) }, 'image/vnd.microsoft.icon', '-moz-parse-options:format=bmp;bpp=32'); <canvas id=c width=32 height=32></canvas> 否则,要支持其他浏览器,您将必须手动构建 ico 文件。请参阅格式描述以及例如此答案了解如何做到这一点。 从 ICO 文件中提取图像:ICO 文件可以包含多个不同大小和颜色深度的图像。转换过程通常从从 ICO 文件中提取图像开始。您可以访问此网站https://thistothat.online/jpg-to-ico.

回答 2 投票 0

使用 CanvasRenderingContext2D 的二次函数图

我有一个任务,我想在区间 x =[-10,10] 内实现二次方程的图形可视化,并且 - 如果存在 - 相应的零,使用

回答 1 投票 0

在透明图像周围创建描边

我想创建一个模切贴纸设计。在我的应用程序中,用户应该能够上传任何具有透明背景的 png 文件。应用程序应在图像周围创建双边框,看起来像模切的

回答 1 投票 0

图层是在 JavaFX 画布上合成图形的唯一方法吗?

我正在 JavaFX 中开发一个 gui,它需要在画布上合成大量对象(通常使用 alpha 掩码等)。 为了在 HTML5 画布上进行比较,这可以轻松完成...

回答 2 投票 0

JavaFX:非 GUI 线程中的画布到图像

我必须可视化大量数据(实时),并且我正在使用 JavaFX 2.2。因此,我决定在将数据插入 GUI 线程之前对其进行“预可视化”。 在我看来最快的方法(w...

回答 3 投票 0

带有 putImageData 的透明画布

我正在尝试渲染一些火焰,但是我无法使用 putImageData() 实现透明画布,导致黑色画布但绘制良好的火焰。 我尝试过“全局复合操作”&...

回答 1 投票 0

javascript画布和dxf文件转换中的间距问题

我正在开发一个 Web 应用程序,该应用程序涉及根据用户输入在画布上生成形状,然后将这些形状转换为 DXF 文件。但是,我遇到了 s 之间的间距问题...

回答 1 投票 0

我的二维码似乎没有渲染,但我放置的红色边框可以渲染

我正在使用画布使用生成的用户 ID 绘制 qr,我在周围放置红色边框并显示它,但不显示 qr 本身。 这是我的另一张图,这个显示了,但 qr 没有。我包括了...

回答 1 投票 0

我的画布被另一个条形码画布覆盖

我有一个函数,可以绘制一个画布,然后在里面绘制另一个画布作为条形码。它似乎正在覆盖它。 函数generateCard(用户ID,用户,cardIMG){ if (canvas.getContext) { ...

回答 1 投票 0

Konva 动画迭代计数器在 1 后停止动画

我想为黄线设置动画,让它从左到右在屏幕上流动一次。之后它应该保持稳定。 添加的动画可以正常工作,但黄线会缩短。 是

回答 1 投票 0

Canvas.drawLine()如何获得平滑的线条?

我尝试使用 Canvas.drawLine() 创建一条平滑的线条并将其保存到位图。 这是我使用的代码 位图 bitmap = Bitmap.createBitmap(400, 400, Bitmap.Config.ARGB_8888); 可以...

回答 1 投票 0

有没有办法可以检查主游戏循环中的按键情况?

我有一个应该具有重力的JavaScript代码,但是当我尝试输入按键时,它完全停止工作。 我尝试将其从 if 语句更改为 switch 函数,但是,它......

回答 1 投票 0

Javascript & canvas、图像旋转坐标问题

我在旋转图像坐标时遇到问题。当我在图像上按鼠标右键时,单击鼠标的位置应出现一个黄色圆圈。它在启动 ima 时效果很好...

回答 1 投票 0

用线条连接画布

我需要用一条线连接两个画布来创建动态工作流程。 我将动态生成画布矩形(我在数据库中拥有的步骤量),但我需要用线连接这些步骤。 任何人...

回答 1 投票 0

在画布上显示绘图对象时是否可以保持画布背景颜色?

我有以下代码可以生成 3D 曲面图: 将 numpy 导入为 np 将 matplotlib.pyplot 导入为 plt # 创建图形对象 surf_3D = plt.figure() # 创建坐标轴对象 轴_3...

回答 1 投票 0

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