canvas相关内容

绘制后如何更改画布元素中元素的不透明度(alpha,透明度)?

使用 HTML5 元素,我想加载一个图像文件(PNG、JPEG 等),将其完全透明地绘制到画布上,然后淡入.我已经弄清楚如何加载图像并将其绘制到画布上,但我不知道如何在绘制后更改其不透明度. 这是我目前的代码: var canvas = document.getElementById('myCanvas');如果(画布.getContext){var c = canvas.getConte ..
发布时间:2021-11-27 08:15:14 前端开发

使用画布元素作为文本区域

我正在寻找有关如何使用类似于文本区域的画布元素的直接描述. 我见过诸如 Ace 之类的项目.只是想知道如何写入该区域,就好像它在 textarea 中一样.只是纯文本,没什么特别的. 提前致谢. 解决方案 Ace 曾经是 Mozilla Skywriter,曾经是 Mozilla Bespin. Bespin 的代码实际上很容易理解,如果您愿意深入了解它并基于它制作自己的 ..
发布时间:2021-11-26 21:20:20 前端开发

使用 Uint32Array 的画布:正在呈现错误的颜色

我目前正在创建一个 JS 画布,我想在其中显示一个不同颜色的框. 我使用 uint32 来提高速度,但我的颜色永远无法正确显示!我主要在这里查看了示例:https://stackoverflow.com/a/19502117 有人在评论中说: (小 I 或 JS 会抛出错误).OP 提示:Uint32 的颜色也可以简单地使用十六进制给出 - 无需进行移位:0xff00000 = bla ..
发布时间:2021-11-26 14:25:57 前端开发

在画布上移动角色但不在屏幕上

我正在用 JavaScript 制作一个 2d 游戏,但我的角色只能在屏幕的长度上移动,所以我想知道是否有办法让画布移动但我的角色停留在屏幕中间,请西蒙帮帮我 这是我的测试游戏代码 ..
发布时间:2021-11-26 13:59:57 前端开发

光组件在 Unity 中的 Image 后面

我有两种不同的画布:一种用于背景,一种用于游戏场景 主要画布: 背景画布: 我遇到了这个问题:如果我将一个对象放在主画布中,一切似乎都可以正常工作,但是如果我向该对象添加一个光组件,我将看不到光(就像背景图像一样在光前): 没有背景画布: 使用背景画布: 知道为什么吗? (不是BGcanvas的问题,问题是BGcanvas的图像组件,如果我禁用它,我可以看 ..
发布时间:2021-11-26 13:58:31 其他开发

为什么缩放后的 HTML5 画布上的“像素"奇怪地对齐?

我目前正在编写一个类似于经典诺基亚 Snake 的基于 HTML5 canvas/JS 的小蛇克隆.(这是我的第一个 HTML5 canvas/JS 游戏,也是我的第一个游戏,我仍然是一个新手程序员;)) 为了简单起见,我决定让蛇和樱桃的每一部分都只有 1 个像素,但这通常会导致非常小的蛇和樱桃!;) 所以我决定用 .scale(8,8) 缩放画布,这样每个像素都是 8*8. var 蛇 ..
发布时间:2021-11-26 13:57:15 前端开发

JavaFX 画布双缓冲

我正在使用 JavaFX 在 Java 中复制经典游戏 Pong.我使用 java.util.Timer、java.util.TimerTask 作为游戏循环和 JavaFX 的 Canvas 进行渲染.有没有办法向画布添加双缓冲,使动画不闪烁?或者我应该以不同的方式处理这个问题?波纹管是代码.我删除了其中一些我认为不相关的部分,因为代码大约有 200 行长. Canvas canvas = n ..
发布时间:2021-11-26 13:54:28 Java开发

CanvasRenderingContext2D 中的透明度组

有没有一种方法可以将多个绘制操作组合到 2d 画布渲染上下文中,这样它们的组合结果就会组合到画布的先前内容上,而不是每个绘制操作自己编的? 一个应用:我想画一条带箭头的半透明线,我想避免线条和箭头重叠的区域增加不透明度. 许多其他渲染模型都支持此类功能.SVG 有一个 组不透明度 设置,在 14.5 节中进行了描述.PDF 参考 描述第 7.3 节中的“透明度小组".在许多图形应用程序 ..
发布时间:2021-11-26 13:51:27 其他开发

如何在 Canvas 上加载 Pdf 文件作为 image.src?

我可以在画布上加载图像,但现在我想用 pdf 文件替换图像.如何在 Canvas 上加载 Pdf 文件作为 image.src? 解决方案 您可以使用 pdf.js https://github.com/mozilla/pdf.js/ 看看这篇文章http://www.codediesel.com/javascript/rendering-pdf-in-html5-canvas/ ..
发布时间:2021-11-26 13:49:57 前端开发

画布中的矩形大小错误

我正在实现一个颜色选择器.渲染有问题.当我调用 c.fillRect(0, 0, 100, 80); 时,该矩形的大小是 103x42 px 而不是 100x80.这里有什么问题? 此外,矩形是抗锯齿的.我是否需要将位置偏移 (0.5, 0.5) 以避免 AA?我没有使用任何类型的坐标系转换. colorSlider = function($e, color) {this._$canvas ..
发布时间:2021-11-26 13:41:53 前端开发

用于 JavaScript 的 2D 引擎

我正在尝试使用 HTML5 画布在 JavaScript 中构建基于图块的游戏.有许多引擎可供选择,例如 JawsJS GameJS Cocos2D MelonJS CraftyJS ImpactJS(商业) ...而且这个列表还在继续. 然而,在所有这些不同的实现中似乎没有一个事实上的标准.本质上,我正在寻找 JavaScript 游戏引擎的 jQuery.由(更大的 ..
发布时间:2021-11-26 13:37:23 前端开发

鼠标悬停画布/形状

我在 Jquery 中有这个代码.我想更改鼠标悬停时各个形状的不透明度百分比.我通常没有这种问题,但我对画布不太了解... 任何帮助/建议将不胜感激!提前致谢! var canvas = document.getElementById('canvas');如果(画布.getContext){var ctx = canvas.getContext('2d');ctx.canvas.addEv ..
发布时间:2021-11-26 13:37:15 其他开发

画布的填充样式不起作用

我有一个有循环的函数.在循环中,它创建一个画布并设置不透明度.然后它设置背景颜色并将画布转换为图像. 不知何故在画布上设置了不透明度,但没有设置背景颜色. if (remain 我不知道为什么我的背景没有被设置.有什么建议吗? 提前致谢. 解决方案 使用 context.fillStyle = background,您不会设置画布的背景颜色.相反,它为画布设置绘图工具的填 ..
发布时间:2021-11-26 13:37:05 前端开发

在 Android Canvas 上包装长文本

我有一个自定义控件,它可以直接在 canvas 上进行大量 2D 绘图. 此图有些是文本,所以我使用 Canvas.drawText() 方法. 我想在某个范围内绘制文本 - 左上角、某个最大宽度和最大行数.画完文字后,我想知道花了多少行. 是否有一个内置函数可以在边界内绘制文本并合理地进行拆分? 如果没有,是否有这样做的标准配方? 解决方案 您可以使用 andro ..
发布时间:2021-11-26 13:33:13 移动开发

在 JavaScript Canvas 中沿线移动点

假设我有一条线的坐标(25,35 45,65, 30,85 - 这将是一条两部分的线).我需要每帧以恒定距离沿该线移动一个点(汽车).我该怎么做? 解决方案 考虑行 (25,35 45,65).从头到尾的向量是 (20, 30).要在那个方向移动一个点 (x,y),我们可以添加那个向量: V = (20, 30)(x,y) => (x+20, y+30). 如果我们从行的开头开 ..
发布时间:2021-11-26 13:33:04 前端开发

用于 HTML 画布的更快 Bresenham 线

慢渲染 我正在使用 Bresenham 的线条算法实时渲染像素艺术线条.它一次渲染 1 个像素 ctx.rect(x,y,1,1) 这是一个缓慢的操作.我不能使用像素缓冲区,这会大大减少渲染开销,因为我使用的是复合操作、alpha 和过滤器(其中一些会污染画布). 功能 function pixelArtLine(ctx, x1, y1, x2, y2) {x1 = Math.rou ..
发布时间:2021-11-26 13:29:56 前端开发

如何使用 HTML5 Canvas 为图像着色?

我的问题是,为使用 drawImage 方法绘制的图像着色的最佳方法是什么.其目标用途是高级 2d 粒子效果(游戏开发),其中粒子会随着时间改变颜色等.我不是在问如何给整个画布着色,只问我将要绘制的当前图像. 我得出的结论是 globalAlpha 参数会影响当前绘制的图像. //与 drawImage() 一起使用canvas2d.globalAlpha = 0.5; 但是我如何用任意 ..
发布时间:2021-11-26 13:26:31 前端开发

是否可以在 XAML 中绑定 Canvas 的 Children 属性?

我有点惊讶无法通过 XAML 为 Canvas.Children 设置绑定.我不得不求助于类似这样的代码隐藏方法: private void UserControl_Loaded(object sender, RoutedEventArgs e){DesignerViewModel dvm = this.DataContext as DesignerViewModel;dvm.Document. ..
发布时间:2021-11-26 09:53:59 C#/.NET

如何将 MouseListener 添加到 Java Swing Canvas 上的项目

我想制作一个 Java 面板,在用户点击的地方创建对象.由于我的实际应用程序使用 MVC 方法,我还希望这些对象能够在模型更改时重新绘制自己,并提供菜单来更改其属性. 我认为控制它们的 x 和 y 位置的最佳方法是采用基于画布的方法,其中 JPanel 从 paintComponent 调用这些对象的绘制方法> 方法.然而,这只会在画布上绘制形状,并且不会添加对象本身,从而失去控制对象属性的 ..
发布时间:2021-11-25 18:59:17 Java Web开发

Canvas 中带纹理的 3D 球体 (HTML5)

我们可以使用 Canvas (HTML5) 3D Sphere 绑定纹理吗? 我指的是这个例子 - http://www.bitstorm.it/blog/en/2011/05/3d-sphere-html5-canvas/ 谢谢, 编辑: 备用链接 - http://sebleedelisle.com/2011/02/html5-canvas-3d-particle ..
发布时间:2021-11-25 04:38:39 C#