canvas相关内容

在画布旋转时在p5.js画布上绘制

我正在使用p5.js模拟绘图机,类似于this。 我已经创建了手臂相对于电机位置的定位。我试图重现的想法是拿着一支铅笔/钢笔,用它在下面旋转的画布上画画。我在p5.js编辑器中创建了一个测试example。 example绘制两个点,一个红色,一个蓝色。目标是使用下面旋转的图形对象上的蓝点创建标记或轨迹。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假” ..
发布时间:2022-08-23 22:59:49 其他开发

在窗口调整大小事件中,HTMLdiv高度保持增长

我有一个简单的Three.js场景(画布),我想在窗口调整大小事件(特别是改变屏幕宽度,保持高度不变)时响应它。 在正常情况下,我使用window.innerWidth,window.innerHeight属性来设置画布的大小以匹配窗口大小。 然而,我想在html中嵌入三个场景。 所以我在 中放了三个画布。 在下面的代码中,当我调整窗口 ..
发布时间:2022-07-11 21:22:30 前端开发

如何获取任意位置的矩形,并使其在视图中居中,以及仅使用画布变换操作对其进行缩放?

我有一个矩形,可以放置在二维坐标空间的任何位置。该矩形最终将表示由许多点组成的精细路径(地图)的边界。当我绘制路径时,我不希望笔划随着地图坐标缩放,所以我打算使用Path.transform在不影响笔划的情况下进行缩放和平移。正因为如此,我希望能够仅使用画布(或转换矩阵)上的转换操作来完成此操作。 为了简化我在当前示例中仅使用RECT的问题。 我想对RET做两件事。 按某个缩放值 ..
发布时间:2022-07-03 09:01:01 其他开发

如何在画布上高效加载和绘制表情包?

我想在html画布上打印表情符号。 它可以使用图像来完成,但它很麻烦。有没有更好的办法? 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> const canvas = document.querySelector("#canvas"); const contex = canvas.getContext("2d"); var img = new ..
发布时间:2022-06-25 12:50:34 前端开发

如何在嵌入的不一致中编辑图像?

是否可以更改嵌入中的图像?我正试图重现我在Reddit上看到的一个etch-a-sketch&机器人,我想知道它是怎么做到的。以下是我到目前为止尝试过的: 这在制作图像的函数中: //code that draws the etch-a-sketch const etchembed = new Discord.MessageEmbed() .setAuthor(`${message. ..
发布时间:2022-06-23 15:24:01 其他开发

画布图像的大小因桌面和移动设备的不同而不同

嘿,我创建了这个站点:http://dst.dstealth.com以帮助使用html2canvas从HTMLdiv元素自动生成PNG图像。我的html2画布是用静态宽度n高度初始化的。 现在,当我在Chrome等桌面浏览器上使用网站时,它会以876 x 434像素的大小生成并保存图像,这是我想要的输出。 但当我在我的Android Chrome浏览器上执行完全相同的操作时,它会生成一 ..
发布时间:2022-06-16 20:57:53 其他开发

Delphi Image DLL在Azure中不起作用

我们有一个动态链接库来处理我们软件的一些图像。 我最近在Golang创建了一个应用程序,它使用这个DLL,在测试环境中一切工作得很好,但在Azure中,创建的图像都是黑色的,我不知道这是不是Delphi的限制,OS,Azure,如果有人有提示的话。 在生成图像的代码下面,即使是只有一张图的简单代码,图像也会变成黑色。 AOut := 'test.bmp'; vBitmap := TBitma ..
发布时间:2022-04-18 15:02:44 其他开发

即使在DigitalOcean Spaces用户界面中添加CORS设置后,对象中也缺少访问控制-允许-原点标头

我在DigitalOcean Spaces用户界面中添加了CORS配置,如下所示: 我仍然无法从浏览器获得对象请求的Access-Control-Allow-Origin头。 从我的后端上载对象时,";PUBLIC-Read";设置为ACL。 我期望在浏览器中从我的Web应用程序发出对象(在我的例子中为图像)请求时,其响应标头应为access-control-al ..
发布时间:2022-04-17 15:04:14 前端开发

使用键盘控制在画布游戏中流畅地移动角色

我正在使用Canvas和JavaScript创建一个侧滚无限空间为主题的游戏。我正在使用向上和向下箭头来控制一艘宇宙飞船,我想要实现某种移动放松,这样当我松开钥匙时,飞船就不会停下来。我环顾四周,没有发现任何东西,而且我自己的尝试也没有奏效。这就是我尝试过的。 Jet.prototype.checkDirection = function () { if (this.isUpKey) { ..
发布时间:2022-04-17 11:07:25 前端开发

Tkinter-如何在ttk.Notebook()中添加画布/帧

在YouTube和Google上搜索了很多次后,我学会了如何在Canvas中添加全屏滚动条。它看起来像this。但现在我想将此框架/画布添加到ttk.Notebook()中作为选项卡,如test project所示。但当我键入book.add(main,text='Tab 1')时,它显示错误_tkinter.TclError: can't add .!frame.!canvas.!frame a ..
发布时间:2022-04-16 19:30:36 Python

不同屏幕分辨率和宽高比下的Load From JSON

我需要能够将loadFromJSON与生成JSON数据时使用的画布分辨率/纵横比一起使用,同时保持图形元素的关系并使画布中的所有内容居中。 我已经尝试了我所见或想出的每一种解决方案。在这一点上,我不知道是我的逻辑不好,是我的算术还是我的编码。 此处包含功能代码(从我失败的尝试中剔除)。只有第一个函数很重要,其余的是UI样板和JSON数据。这里有一个JS小提琴,如果这更容易的话:http ..
发布时间:2022-04-07 14:10:01 前端开发

在文本框中隐藏不支持的字符

如果字体不受支持,则隐藏文本框中不受支持的文本。 我添加了一个文本框,应用了一种字体,并添加了一些文本、数字和特殊字符,a-z字符显示得很完美,但数字和特殊字符显示在默认浏览器支持的字体中。我已经附上了相同的屏幕截图。 原始字体呈现 在画布上渲染 推荐答案 您可以使用空白字体作为备用字体:😁 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“ ..
发布时间:2022-04-07 13:49:09 前端开发

Fabric JS绘制具有活动形状的多边形

我需要创建仪器绘制多边形在我的项目与织物js。 我发现sctipthttps://github.com/taqimustafa/fabricjs-polygon非常适合我。 但此脚本适用于Fabric 1.6.3,而我使用的是1.7.11。 我对Fabric 1.7.11和activeShape有一个小问题。 ActiveShape仅在第一个点和最后一个点之间90度的区域中绘制。 下面 ..
发布时间:2022-04-07 13:47:00 前端开发