问题标签 [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 回答
8654 浏览

wpf - 您如何在后面的代码中将添加到画布的用户控件置于前面

我有一系列用户控件,它们在后面的代码中从画布中添加和删除。我需要确保某些人领先于其他人。您如何设置,曾经是 VB6 中的 ZOrder,用户控件添加到画布后的顺序?

0 投票
3 回答
3433 浏览

html - 强制html中的canvas元素占据整个窗口?

代替

我在哪里指定画布的大小有没有办法让画布占据整个浏览器窗口?

0 投票
6 回答
5329 浏览

apache-flex - 如何使 Canvas 在 Flex 中剪辑其内容?

我使用 moveTo 和 lineTo 图形方法在 Canvas 对象上画了一条线。如果线条的一端位于 Canvas 之外,则线条会溢出并绘制在应用程序中的其他元素之上或之下。

如何使 Canvas 将线条包含在其内部?

谢谢!

0 投票
3 回答
2282 浏览

wpf - 如何创建在某些地方延伸的 WPF 路径

我想为窗口选项卡创建一个 WPF 控件,并且我希望它具有特定的形状。像这样的东西;

所以左下角和右下角的小标签是固定大小的;大约 6x6。但现在我希望中心部分伸展到我拍它的任何容器的宽度。

我目前正在使用 Path 对象,但我不知道如何获得拉伸部分,或者即使 Path 是正确的方法。

谁能建议创建这种半可拉伸形状的最佳方法?

0 投票
2 回答
1173 浏览

wpf - 如何在 WPF 中将 Canvas 合并到更大的布局中?

当您尝试将 Canvas 构建到布局中并在侧面具有例如控件并且 Canvas 是绘图区域时,Canvas 似乎不能很好地与其他元素一起使用。

例如,为什么我可以在除画布之外的每个元素周围设置边框?在以下代码中,边框包裹了画布,但画布仅在顶部有边框,而在左侧、右侧或底部没有边框:

0 投票
2 回答
2227 浏览

c# - WPF:移动速度(平移)随距离而变化

参考我目前正在构建的这个编程游戏。

我编写了以下方法来将画布移动(平移)到特定距离并根据其当前角度:

它接受的参数之一是平移时应覆盖的像素数。

关于上面的代码,Animator_Body_XAnimator_Body_Y是 类型DoubleAnimation,然后应用于机器人的TranslateTransform对象:Translate_Body


我面临的问题是机器人(它是一个画布)根据输入的距离以不同的速度移动。因此,距离越远,机器人移动的越快!换个角度来看,如果输入的距离是20,机器人移动得相当慢,但如果输入的距离是800,它就会从屏幕上射出。

我需要使这个速度恒定,与输入的距离无关。

我想我需要根据输入的距离调整一些Animator_Body_XAnimator_Body_Y属性,但我不知道要准确调整什么(我认为一些数学也必须完成)。

以下是您可能想要查看的属性列表以解决此问题。DoubleAnimation

0 投票
2 回答
327 浏览

winforms - Windows 窗体中是否有与 Qt 的 QCanvas 类似的东西?

我编写了一个 Windows 窗体应用程序来解决Shikaku难题。目前,拼图网格是使用 PaintEventHandler 在应用程序主窗口的面板上绘制的。PaintEventHandler 调用的方法每次调用时都会重绘整个网格。虽然这种方法有效,但它闪烁且效率低下,我想用更平滑的方法替换它。

我在 Qt 中编写了许多类似的应用程序。使用 Qt,我会创建一个 QCanvas 和一个 QCanvasView。然后我可以向 QCanvas 添加对象或从中删除对象,并调用update()QCanvasView 上的方法以查看更改生效而不会闪烁。

我尝试过的另一种方法是保留对Graphics用于绘制面板的对象的引用,并尝试在 Paint 事件之外对其进行绘制。这不起作用:我遇到了一个相当无用的ArgumentException: Parameter is not valid异常,我只能假设它是由 Windows 抛出的,因为它并不期望应用程序在那时进行任何绘画。

有没有类似于 QCanvas for Windows Forms 的东西?如果不是,我应该使用什么方法来更新拼图网格?

0 投票
3 回答
8073 浏览

apache-flex - 如何在 Flex Canvas 上停止针对子元素触发的 Mouse Out 事件

我正在使用 Canvas itemRenderer 作为用于显示图像的容器。请参阅下面的伪代码。

当我将鼠标悬停在画布上时,会调用放大功能。但是,只要我将鼠标移到图像或另一个子元素上,就会触发 MOUSE_OUT 事件。

谁能指出我禁用这种行为的方法?

谢谢 :)

0 投票
10 回答
51412 浏览

javascript - 如何使用 Javascript 将彩色图像转换为黑白?

如何仅使用 Javascript 将彩色图像转换为黑白?

并且,还要使它在大多数浏览器中交叉兼容,因为我听说 Internet Explorer 有一个“过滤器”机制,但没有其他浏览器支持它。

0 投票
3 回答
2743 浏览

javascript - 可以使用画布标签在页面上的其他项目之上绘制吗?

可以将 HTML 画布标签定位在页面上的其他 html 内容之上吗?例如,下面的 CSS 声明会让 canvas 标签做我期望的事情吗?