transform相关内容
我正在寻找最快的距离变换算法. 根据本网站 http://homepages.inf.ed.ac.uk/rbf/HIPR2/distance.htm,它描述了:“使用巧妙的算法只需两次传递即可更有效地计算距离变换(例如 Rosenfeld 和 Pfaltz 1968)." 四处搜索,我发现:“Rosenfeld, A 和 Pfaltz, J L. 1968.数字图片上的距离函数.模式识
..
我正在尝试制作一个 Card 类,它可以复制 Dashboard 小部件的行为,您可以在卡片的两侧放置控件或图像或任何内容,并在它们之间翻转. 支持图层的视图有一个变换属性,但是改变它并没有达到我期望的效果(围绕 y 轴旋转图层会将其折叠到左侧). 有人指出了一些未记录的功能和一个名为 cgsprivate.h 的 .h 文件,但我想知道是否有官方方法可以做到这一点?这个软件必须发布,
..
我有一个最初在 Inkscape 中创建的免费剪贴画 SVG 文件,我正在对其进行修改以在 Windows 8 JavaScript 游戏中使用.它包含路径的多个实例,其中对周围组应用了矩阵变换,如下所示:
..
我正在尝试使用 CSS 和 SVG 创建一个简单的动画:旋转齿轮.动画在 Chrome 中完美运行,但在 Firefox 中不运行.这是正在运行的代码:http://jsfiddle.net/fL8Qn/ 齿轮是 SVG 文件中的一个路径:
..
https://jsfiddle.net/Lpfa9umq/ 代码:
..
我是 d3 和 svg 编码的新手,正在寻找一种在图表的 xAxis 上旋转文本的方法.我的问题是 xAxis 标题通常比条形图中的条宽.所以我希望旋转文本以在 xAxis 下方垂直(而不是水平)运行. 我尝试添加转换属性:.attr("transform", "rotate(180)") 但是当我这样做时,文本完全消失了.我试过增加 svg 画布的高度,但仍然无法查看文本. 任
..
我已经为此苦苦挣扎了一段时间,似乎在任何地方都找不到(有效的)答案.我有一个像这样的 SVG 文件: 如何在不创建其他变换属性的情况下完全移动所有对象 转到编辑 ->在所有图层中全选 转到对象 ->变换 在“变换"面板中 取消选中相对移动并选中分别应用于每个对象 根据您的需要设置水平和垂直值,然后点击应用
..
使用 CSS3 属性 transform: scale,我发现了一个有趣的问题.我想为图片做一点缩放效果.但是当我为父div使用overflow: hidden和border-radius时,子div扩展了父div的超越. 更新: 问题没有解决.如果我添加 transition,仍然不起作用.我试图解决这个问题,但没有成功. 这是一个演示 解决方案 这是基于 Webkit
..
似乎 Google Chrome 最近有一个更新,在执行 transform: scale() 后会导致文本模糊.具体来说,我正在这样做: @-webkit-keyframesounceIn {0% {不透明度:0;-webkit-transform: scale(.3);}50%{不透明度:1;-webkit-transform: scale(1.05);}70%{-webkit-transf
..
我一直在使用 CSS3 转换来旋转我网站中带有边框的图像和文本框. 问题是 Chrome 中的边框看起来是锯齿状的,就像没有抗锯齿的(低分辨率)游戏一样.在 IE、Opera 和 FF 中,它看起来好多了,因为使用了 AA(仍然清晰可见,但还不错).我无法测试 Safari,因为我没有 Mac. 旋转后的照片和文字本身看起来不错,只是边框看起来有锯齿. 我使用的 CSS 是这样的
..
我正在使用 Java 的内置 XML 转换器来获取 DOM 文档并打印出生成的 XML.问题是尽管明确设置了参数“indent",但它根本没有缩进文本. 示例代码 公共类 TestXML {public static void main(String args[]) 抛出异常 {ByteArrayOutputStream s;文档 d = DocumentBuilderFactory.ne
..
如何倾斜图像?例如,每个角都有一个带有坐标的 CGPoint - p1、p2、p3、p4.然后,我需要设置 - p4.x+=50, p4.y+=30.所以这个角 (p4) 应该在 2D 透视图中被拉伸,图像应该被扭曲. (来源:polar-b.com) 我尝试使用CATransform3D,但似乎不能以这种方式完成,因为它只是改变视角(旋转,使一侧更近/更远).或许 CGAffineTra
..
第二次更新: 看起来我的一个函数 (resetFigures) 阻止了事件处理程序,因此将其移至绑定函数的末尾以解决问题. 更新:经过一些基本测试后,我意识到点击事件正在注册,只是点击时框无法翻转. 我的网站在 Chrome 和 Firefox 中具有基本的美学功能,但它拒绝在 iOS 上正常运行(在运行 iOS 6.1 的 iPhone 4 和运行 iOS 4.3.5 的 iPad
..
我使用的是 Lua API.我正在尝试将 3D 空间坐标转换为 2D 空间坐标.我问过谷歌,但除了使用 OpenGL 函数的片段之外,我找不到任何东西.我不需要源代码或任何简单的方法来实现它?如果有帮助,我可以获得相机的视角,要转换的原始位置,窗口大小和纵横比吗?预先感谢您的任何建议:) 解决方案 如果您正在谈论将世界空间 (x,y,z) 坐标转换为屏幕空间 (u,v) 坐标,那么基本方法
..
tl;dr summary:给我资源或帮助修复以下代码以通过任意矩阵转换 SVG 元素的路径命令. 详细信息: 我正在编写一个库来将任何任意 SVG 形状转换为 元素.当层次结构中没有 transform="..." 元素时,我让它工作,但现在我想将对象的本地转换烘焙到 路径数据 命令本身. 在处理简单的 moveto/lineto 命令时,这主要是有效的(下面的代码).但是,我不确定转
..
我有一个 XLD 轮廓,我需要将它从世界平面转换为图像平面..但我只能找到 affine_trans_contour_xld,它接受 2D Mat,而不是 3D mat..怎么能我将 xld Contour 从世界平面转换到图像平面? 基本上我需要的是 contour_to_world_plane_xld 的逆 编辑:我认为解决方案是找到 XY 平面的 2D Mat,但也找不到如何做到这
..
我花了很长时间,并得到了 SO 的大量帮助来构建这个立方体,并将面设为 Z:0,因此正好是 200x200 像素.我希望它旋转,以便所有面都是 200x200 并且位于相同的位置. 小提琴:http://jsfiddle.net/scottbeeson/phJpS/7/ 相对 CSS: .itemView {-webkit-perspective:2000;-webkit-margi
..
我已经在网上搜索了一段时间,但找不到我的问题的答案,但希望社区知道. 有没有人测试过 css3 maxtrix 和 css3 转换?我使用了很多转换,但我看到像 famo.us 和 Threejs 这样的库使用了更多的矩阵.矩阵是否有可能只是具有更好的性能收益? 解决方案 Matrix 速度更快,但浏览器支持更差: http://jsperf.com/css-matrix-vs
..
我创建了以下小部件(请参阅此处的演示)来模仿 chrome 上的传感器选项卡开发者标签: 我的代码侦听设备的方向事件并尝试将值转换为适合 css 变换比例,如下所示: let phone = document.querySelector(".phone");window.addEventListener('deviceorientation', (event) => {phone.styl
..
我需要围绕 3D 中的任意点旋转 SVG 文档中的路径.看来有多种方法可以通过使用 4x4 转换矩阵或rotateX 或rotateY 变换.这两种方法我都试过了,似乎都不起作用.任何地方都支持这些吗? 对于我的应用程序,位图将是最终输出,所以我不担心浏览器支持.我对任何工具都持开放态度——我可以通过 selenium 运行特定的浏览器,或者使用独立的 SVG 光栅化器. 这是我迄今为
..