问题标签 [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 投票
4 回答
1343 浏览

wpf - 将一条线绑定到椭圆的边缘

在画布上,我有一个由 RotateTransform 通过动画旋转的椭圆。我希望添加一条线,其一端连接到椭圆上的一个点。我可以以某种方式绑定到椭圆上的一个点吗?

0 投票
3 回答
9821 浏览

internet-explorer - Internet Explorer toDataURL() 替代方案?

所以我需要保存在<canvas>元素上绘制的图像数据。还有适用于大多数现代浏览器的 toDataURL() 方法。

除了......你猜对了...... Internet Explorer。

我在网上搜索过,但到处有人说我应该使用 SVG/VML 来保存数据,但他们从未提及如何。我对 IE 中的 SVG/VML 没有任何经验,那么如何保存在 Internet Explorer 中画布元素中绘制的图像?有没有人有经验?

目前,我不得不在客户端和服务器上复制绘图代码,这开始变得复杂。因此,如果有一种方法可以提取在客户端(或服务器)端的画布标签上绘制的图像,那肯定会有所帮助。

谢谢!

0 投票
5 回答
15527 浏览

javascript - 用于 Canvas 标签的 Javascript Sprite 动画库

你能给我指出一个使用 HTML Canvas 标签的好的 Javascript sprite 动画库吗?

一些谷歌搜索只发现了一些非画布项目。我正在寻找干净简单的东西。

谢谢。

0 投票
1 回答
245 浏览

canvas - Silverlight 2 的画布实用程序

为了节省我编写代码的时间,有人知道使用 Silverlight 画布的实用程序代码的来源吗?我正在考虑确定内容边界框、裁剪范围内的内容、轻松访问变换等的代码。

0 投票
1 回答
3501 浏览

wpf - WPF - 如何将边框停靠在画布上?

我在画布内有一个边框。边框的高度/宽度根据其内容而变化。我希望边框伸展以填满整个画布。我怎样才能做到这一点?

我在边境上试过这个没有成功:

0 投票
3 回答
5514 浏览

javascript - 在 Mozilla 画布中拖放

我想在 mozilla 画布中实现一个绘图窗格(与 visio 为流程图提供的类似但更小的版本)。

对此有任何支持吗?

到目前为止,我一直使用 jQuery 创建矩形并移动它们。虽然这在这里很容易......创建线(对象之间的连接)是一个真正的痛苦。我正在使用一些粗略的方法在javascript中逐像素着色,它既不好看也不可扩展,而且我需要构建很多函数来使连接坚持一组对象等。

有谁知道画布和那里可用的功能是否会让我的生活更轻松。

在这种情况下,任何指向什么是更好的解决方案的指针。(我希望它不是小程序)

提前致谢。

0 投票
10 回答
136259 浏览

javascript - 从 HTML Canvas 获取像素?

是否可以查询 HTML Canvas 对象以获取特定位置的颜色?

0 投票
2 回答
7917 浏览

wpf - 有没有办法在 WPF 中自动使画布在溢出时滚动?

一直在检查网络和这个网站,但无法得出任何下降结果。

有没有办法让 WPF 中的画布在溢出时显示滚动条?一直在尝试滚动查看器,但无法让它工作:(

提前致谢..

0 投票
1 回答
2154 浏览

javascript - 如何检索渲染画布元素的坐标(x,y,w,h)?

如何获取渲染画布元素的坐标?我需要他们申请clearRectfillRect等等到它的区域。

我得到了画布:

然后?有办法得到左上角x,左上角ywidth还有height这个?

@update 后moonshadow的回答:

谢谢你的回答,我知道操作是相对于画布的,但我问了这个问题,因为我没有解释自己的这种行为:我已经用画布对象做了一个测试文件(http://avastreg.ilbello.com /canvas/test.html)。

在这里,我放置了一个表格,clearRect可以通过表格发送尺寸。当您在画布(新闻)上触发鼠标悬停时,它适用clearRect于该坐标。在mouseout笔芯上。

起始值为:

然后尝试类似

使用其他值,它会部分清除。为什么会这样?

0 投票
2 回答
8371 浏览

javascript - Javascript - 从画布元素下的图像中获取像素数据?

您可以使用 getImageData() 对画布图像上的像素颜色数据进行采样。如果我在背景图像或 Flash 电影上叠加一个透明的画布元素,我可以通过画布标签从中采样颜色吗?