问题标签 [distortion]

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 回答
5948 浏览

html - HTML CSS3 / 画布图像失真

有没有办法在 HTML5 中使用 CSS3 或 canvas 标签只倾斜/扭曲一个角?

以下是 Photoshop 教程的截图:

在 Photoshop 中倾斜

更新:

这是迄今为止我发现的最好的,但不是 100% 准确: https ://github.com/edankwan/PerspectiveTransform.js

更新2:

我需要这个的html5版本: http ://www.rubenswieringa.com/code/as3/flex/DistortImage/

0 投票
1 回答
2058 浏览

c# - .NET 中的图像变形

我正在寻找一种类似扭曲算法的拉伸算法以应用于我的 Windows 8 商店应用程序。我在下面找到了这个 android (java) 代码。大多数东西我可以移植到 C#,但一些 android sdk 特定的东西对我来说是模糊的,不能移植到 .NET 代码。

例如调用:canvas.drawBitmapMesh,是否有一些 .NET 对应物?我认为 .NET 中的 Matrix 类也有些不同,但我认为我可以弄清楚。非常欢迎任何有关帮助将以下代码转换/移植到 .NET 的提示。

0 投票
1 回答
4534 浏览

html - HTML5 Canvas 扭曲变换

我的画布肯定需要这种 Photoshop 转换。我找到了这个插件,但是转换后的图像质量真的很差https://github.com/migurski/canvas-warp

感谢帮助。我真的需要这个。

0 投票
1 回答
1321 浏览

c++ - 如何根据相机校准(C++)生成的真实数据使用opencv模拟失真?

我正在寻找一种在 C++ 中使用 OpenCV 创建(桶形)失真的方法,该方法基于由相机校准生成的真实相机数据。所以我的目标是用opencv模拟真实的镜头畸变。因此我用 OpenCV 校准了一个相机。我只使用了第一个失真参数 k1:x' = x * k1*r² 通过这一步,我得到了一个 k1 = 0.129 的校准文件,即外在和内在的相机矩阵。

OpenCV 提供了一种校准图像的方法。而且我想“反转”这种方法,可以进行以下测试:原始图像-> undistort()-> undistort图像->“distort()”->原始图像

是否可以否定 k1 因子或是否有必要开发一个新公式?

谢谢。

0 投票
1 回答
305 浏览

imagemagick - ImageMagick 变形面具用于脸部变形

下午好 可以使用库 imagemagick 应用于蒙版上的图像失真吗?

通过类比这个例子 http://www.imagemagick.org/Usage/mapping/#spherical

我想在这种扭曲的帮助下创造出“胖脸”的效果。问题是这必须单独增加脸颊和下巴。在这种情况下,我无法理解如何看起来像蒙版失真。

0 投票
1 回答
2774 浏览

opencv - 逆透视映射 -> 何时不失真?

背景:

我在面向前方的汽车上安装了一个摄像头,我想找到路标。因此,我试图将图像转换为鸟瞰图像,从放置在相机前面 15m 和地面以上 20m 的虚拟相机观看。我实现了一个使用 OpenCV 的 warpPerspective 函数的原型。透视变换矩阵是通过在道路上定义一个感兴趣区域并通过计算 ROI 的 4 个角在前置和鸟瞰摄像机中的投影位置得到的。然后我使用这两组 4 个点并使用 getPerspectiveTransform 函数来计算矩阵。这成功地将图像转换为顶视图。

问题:

什么时候应该不失真前置摄像头图像?我应该先不失真然后再做这个变换,还是应该先变换然后不失真。

如果您建议第一种情况,那么我应该使用什么相机矩阵将点投影到鸟瞰相机上。目前,我对两个投影都使用相同的原始相机矩阵。

如果我的描述令人困惑,请询问更多细节!

0 投票
1 回答
1559 浏览

opencv - 将点投影到未失真图像上的一致性

我想将 3D 空间中的一个点投影到 2D 图像坐标中。我有我正在使用的相机的校准内在和外在。我有相机矩阵 K 和失真系数 D。但是,我希望投影图像坐标是未失真图像。

根据我的研究,我发现了两种方法来做到这一点。

  1. 使用 opencv 的getOptimalNewCameraMatrix函数计算一个新的未失真图像的相机矩阵 K'。然后在opencv的projectPoints函数中使用这个K',将畸变参数设置为0,得到投影点。

  2. 使用projectPoints使用原始相机矩阵 K 的函数,以及该函数中的失真系数 D 并获得投影点。

两种方法的输出是否应该匹配?

0 投票
2 回答
385 浏览

matrix - 失真矩阵可以是旋转和比例的组合吗?

考虑以下二维空间中的变形变换矩阵。

是否可以通过组合旋转和缩放来获得相同的变换?

0 投票
1 回答
493 浏览

android - 为什么当 ts 文件更改时,Stagefright 1.2 中的 HLS 流会失真?

我已经设置了Apache 2.0几个.m3u8文件,这些mpeg2ts文件通过HLS. 这些ts文件是由libavformat我从. 当我在or上播放结果时,一切正常。但在 Android (Stagefright 1.2) 上,视频有几个问题:transmuxingMP4youtubeHLSVLCQT

  1. 全屏选项不起作用
  2. 视频时长显示为 1:40,而实际上是 2:00
  3. 视频有时无法启动,您必须重新加载页面
  4. .ts切换基础流时,视频在过渡点可靠地扭曲(撕裂和像素化) 。

如果我不使用HTML5' 标签,其中一些会得到改善。但问题 #4 仍然存在。

我可以m3u8在 Stagefright 上播放其他 's 没有任何上述问题,所以我假设我的 transmuxing 代码是错误的,但即使放弃它并使用我的(最近添加的)HLS分段功能ffmpeg也有同样的问题。重新编码libx264没有任何变化。

我对此束手无策。

0 投票
1 回答
1449 浏览

python-3.3 - python扭曲的ascii艺术

你好 Stack Overflow 的好人,

看来我是带着询问回来了。

我已经从互联网上“借”了一些 ascii 艺术作品在我的程序中使用,别担心,我在最后对这位艺术家给予了充分的评价。无论如何,无论我如何格式化,它都会扭曲字母和符号的放置位置。

例如,当代码是这样的:

(这是列表的一部分)

运行时,它似乎是这样的:

我的问题是,这是我可能做过的事情,还是一个错误......

提前致谢!约翰。让我快速弄清楚一些事情,我要问的是为什么它在程序输出中被错误地打印出来......抱歉造成的任何混乱。标记的答案中给出的原因是正确的,我修改了我的程序以通过更改每行的结尾来修复错误,用不同的字符替换反斜杠。