问题标签 [canvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
6410 浏览

c# - 在 C#/WPF 中使用 Canvas 遮盖另一个画布

我正在学习一些 WPF/C#,所以这个问题对你们中的一些人来说可能很愚蠢,但我找不到解决方案。

我有一个 Canvas(假设它包含文本),然后我有另一个 Canvas 我想用作蒙版(第二个 Canvas 中的任何内容都会掩盖第一个)。

我怎样才能做到这一点?如果第二个 Canvas 正在移动怎么办?我想更改第二个画布(蒙版)的比例,以便它“揭示”第一个画布(内容)的内容。

提前致谢!

编辑:如果我可以使用矩形之类的东西代替画布(只要它可以调整大小),那也很好!

编辑2:这是我正在使用的代码:

0 投票
2 回答
12734 浏览

wpf - WPF 画布上的完美中心

由于画布需要 Top/Left 来放置,如果你想居中,在适当的 Canvas.Top 上添加一个网格,Horizo​​ntalAlignment="Center" 是最好的方法,还是有更好的方法?

这个片段是一个 150X300 的画布,一些内容以网格为中心....

0 投票
5 回答
49757 浏览

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

我有点惊讶,无法通过 XAML 为 Canvas.Children 设置绑定。我不得不求助于看起来像这样的代码隐藏方法:

我宁愿像这样在 XAML 中设置一个绑定:

有没有办法在不采用代码隐藏方法的情况下实现这一点?我已经对这个主题进行了一些谷歌搜索,但对于这个特定问题并没有想出太多。

我不喜欢我目前的方法,因为它通过让 View 意识到它是 ViewModel 来破坏我漂亮的 Model-View-ViewModel。

0 投票
2 回答
2493 浏览

apache-flex - Flex 调整 Canvas 的大小在哪里放置这样的代码?(内图)

我有两个 Canvas A 和 B,A 是 B 的子级。A 可以通过一些用户操作来调整大小,例如向其基础添加一些 UI 组件。A 由另一个父画布 B 界定,如果其子 A 变得太大,则该画布 B 应显示 scolling 句柄。

我希望 A 具有与 B 相同的宽度和高度(或非常接近),而 A 的计算宽度和高度小于 B 的宽度和高度。

如果 A 的 w 或 h 大于 B 的 w 或 h,则 A 应该增长并且 B 将显示滚动。我希望它有点清楚。

我的问题是我在哪里以及如何做这样的逻辑?

画布图 http://www.picimg.com/uploads/18cd2277adde7d50da2bc708075f4fac.png

0 投票
3 回答
4017 浏览

apache-flex - 使用 Canvas 与 VBox/HBox 的 Flex 3 性能显着提升?

有人告诉我,在布置孩子的位置时,使用 Canvas 与 HBox 或 VBox 相比,性能会有所提高。因此,我们的许多组件已转换为使用 Canvas。但是,现在添加了代码来根据其他子元素的宽度和高度计算某些子元素的 x 和 y 位置。如果需要添加代码来确定孩子的坐标/位置,是否值得使用 Canvas 来提高性能?除了最小化添加的 ui 组件的数量和绝对指定定位之外,是否还有更好的方法或技术可以实践?

0 投票
1 回答
1676 浏览

c# - 使用 C#/WPF 屏蔽窗口/画布的所有元素

如何创建一个遮罩来覆盖 Windows/Canvas 的所有元素(其中包含子画布/元素)?

提前致谢

编辑:我想在创建掩码后添加更多控件/元素/任何内容。那样行吗?如何?

0 投票
2 回答
9385 浏览

javascript - 从 HTML Canvas 元素生成图像数据

从 HTML 画布元素的内容生成图像数据的最佳方法是什么?

我想创建图像数据,以便可以将其传输到服务器(用户不必直接保存到文件中)。图像数据应采用常见格式,例如 PNG 或 JPEG。

首选在多个浏览器中正常工作的解决方案,但如果每个解决方案都依赖于浏览器,则应以最新版本的 Firefox 为目标。

0 投票
15 回答
706113 浏览

javascript - 将 HTML Canvas 捕获为 gif/jpg/png/pdf?

是否可以将 html 画布中显示的内容捕获或打印为图像或 pdf?

我想通过画布生成一个图像,并能够从该图像生成一个 png。

0 投票
4 回答
3442 浏览

delphi - 如何使用 Delphi 将部分透明的图像打印到 PDF Canvas?

我的程序需要向打印机输出一个(相当复杂的)表格,包括几个图像。Printer.Canvas在选择 PDF 打印机 (PDF995) 后,我目前正在使用 Delphi (2006) 执行此操作。这就像一种享受。

但是,我现在遇到了一个问题:需要将一个部分透明的图像放置在其他元素(边框、背景等)之上,而该文本的某些部分仍然可以通过图像的某些部分看到。

通过使用该属性,在常规屏幕上执行此操作对Canvas常规 s 效果很好。但是,当我尝试在打印机上执行此操作时,它并不总是有效。当我在 PDF 打印机上尝试此操作时,它永远不会起作用:背景变黑,或者(迄今为止最好的结果)变白,但仍会覆盖其下方的任何内容。TBitmapTransparentColor

我尝试通过在 Word 文档中插入具有 alpha 透明度(又名半透明)的 PNG 图像,然后将其发送到所述 PDF 打印机来实现相同的结果。半透明度消失,但像素透明度保持不变。因此,至少应该以某种方式成为可能。

有人知道怎么做吗?

0 投票
4 回答
1918 浏览

android - Android:有效地滚动画布的内容?

我想绘制一个实时更新的图表(从右边开始)。我能想到的最有效的方法是将 x[0 .. width-2] 中的所有内容复制 1 个像素,然后在 x[width-1] 处绘制新值。

我对 Android 几乎没有经验,但据我所知,Canvas 根本无法对其内容进行操作。我每次都需要重新绘制整个屏幕吗?这涉及缩放和平滑,所以我担心它会很慢。

我应该画一个 byte[][] 然后用它来画到屏幕上(每次都把我的缓冲区的内容向左移动)?