Questions tagged «transform»

我一直在使用CSS3转换来旋转网站中带有边框的图像和文本框。 问题在于，Chrome中的边框看起来像锯齿状，就像没有抗锯齿功能的（低分辨率）游戏一样。在IE，Opera和FF中，它看起来好多了，因为使用了AA（仍然清晰可见，但还不算太糟）。我没有Mac，因此无法测试Safari。 旋转后的照片和文字本身看起来很好，只有边框看起来参差不齐。 我使用的CSS是这样的： .rotate2deg { transform: rotate(2deg); -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Safari and Chrome */ -o-transform: rotate(2deg); /* Opera */ -moz-transform: rotate(2deg); /* Firefox */ } 有什么办法可以解决此问题，例如，强制Chrome使用AA？ 下面的例子：

193 google-chrome  css  transform  antialiasing 

我已经为此苦苦挣扎了一段时间，似乎无法在任何地方找到答案。我有一个SVG文件，看起来像这样： <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" ... /> </g> </svg> 我想删除该transform="..."行，但图像仍停留在放置位置（在InkScape中）。如果我手动删除该转换，则图像会压缩到屏幕的另一部分（如预期的那样），但是我需要完全摆脱该转换，同时将图像精确地放置在所需的位置。有没有办法删除/展平到路径坐标本身的变换？（我需要处理的唯一变换是平移和缩放，没有矩阵。）

155 svg  transform  inkscape 

似乎最近有一个Google Chrome浏览器更新，导致在执行之后文字模糊transform: scale()。具体来说，我正在这样做： @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } 如果您在Chrome中访问http://rourkery.com，则应该在主要文本区域中看到问题。它以前没有这样做，并且似乎也没有影响其他Webkit浏览器（例如Safari）。还有其他一些关于人们在使用3d变换时遇到类似问题的帖子，但找不到关于2d变换的任何信息。 任何想法将不胜感激，谢谢！

126 google-chrome  css  webkit  transform  css-animations 

我正在尝试通过使用PNG和CSS3动画复制Apple风格的活动指示器（日程加载图标）。我使图像旋转并连续进行，但是在动画完成之后似乎有延迟，然后再进行下一个旋转。 @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: linear; } 我尝试过更改动画的持续时间，但是没有影响，如果您将其放慢，请说5秒，这更明显，那就是在第一次旋转后会有一个暂停，然后再次旋转。我想摆脱的是这个停顿。 非常感谢任何帮助，谢谢。

120 animation  webkit  css  transform 

我正在使用Java的内置XML转换器来获取DOM文档并打印出结果XML。问题在于，尽管已显式设置参数“ indent”，但根本不缩进文本。 样例代码 public class TestXML { public static void main(String args[]) throws Exception { ByteArrayOutputStream s; Document d = DocumentBuilderFactory.newInstance().newDocumentBuilder().newDocument(); Transformer t = TransformerFactory.newInstance().newTransformer(); Element a,b; a = d.createElement("a"); b = d.createElement("b"); a.appendChild(b); d.appendChild(a); t.setParameter(OutputKeys.INDENT, "yes"); s = new ByteArrayOutputStream(); t.transform(new DOMSource(d),new StreamResult(s)); System.out.println(new String(s.toByteArray())); } } 结果 <?xml …

112 java  xml  transform  indentation 

我正在寻找一个可以让我在多个用户之间实时同步文本的库（例如Google Docs）。 我偶然发现了“运营转型”，这似乎很适合我的需求。话虽如此，我了解OT的要旨，但不了解OT的数学或实现。 因此，我想知道是否有一个拖放Javascript库可以挂接到文本区域，生成转换，然后让我将这些转换应用于另一个客户端？ （我已经获得了Etherpad的源代码，但是我无法从中脱颖而出。如果有人可以指出如何利用Etherpad的OT实施，那也将很棒！）

102 transform  etherpad  operational 

我有两个绝对重叠的div元素。两者都通过CSS设置了z-index值。我使用translate3dwebkit转换在屏幕外为这些元素设置动画，然后再回到屏幕上。转换后，元素不再遵守其设置z-index值。 一旦我对它们进行webkit转换，谁能解释div元素的z-index / stack-order会发生什么？并说明如何保持div元素的堆叠顺序？ 这是有关我如何进行转换的更多信息。 在转换之前，每个元素都会通过CSS设置这两个Webkit转换值（我正在使用jQuery进行.css()函数调用： element.css({ '-webkit-transition-duration': duration + 's' }); element.css({ '-webkit-transition-property': '-webkit-transform' }); 然后使用translate3d -webkit-transform对元素进行动画处理： element.css({ '-webkit-transform': 'translate3d(' + hwDelta + 'px, 0, -1px)' }); 顺便说一句，我试图将3rd参数设置translate3d为几个不同的值，以尝试在3d空间中复制堆栈顺序，但是没有运气。 另外，iPhone / iPad和Android浏览器是我的目标浏览器，此代码需要在其上运行。两者都支持Webkit过渡。

98 css  webkit  transform 

我在解决方案中添加了一个现有的ASP.Net Web应用程序项目。除了标准的调试和发布配置之外，该解决方案还具有两个自定义配置，即SAT和UAT。对于新的Web应用程序，右键单击Web.Config将显示上下文菜单，但“添加配置转换”的选项为灰色。 我很茫然。新项目是一个Web应用程序。Configuration Manager不会显示此项目的两个自定义配置，但会显示其他项目。该项目似乎在解决方案文件中具有正确的条目。 有什么想法吗？

88 asp.net  web-config  transform 

我在旋转和定位一行文本时遇到一些问题。现在，只是位置有效。旋转也可以，但是仅当我禁用定位时。 CSS： #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } html只是纯文本。

86 css  webkit  transform  css-transforms 

使用transform属性，z-index被取消并出现在最前面。（注释掉-webkit-transform时，z-index在下面的代码中正常工作） .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */ -webkit-transform: rotate(3deg); /* Safari and Chrome */ transform: …

84 css  z-index  transform 

如何使用jQuery旋转元素.animate()？我正在使用下面的代码行，该代码行目前可以正确地对不透明度进行动画处理，但这是否支持CSS3转换？ $(element).animate({ opacity: 0.25, MozTransform: 'rotate(-' + -amount + 'deg)', transform: 'rotate(' + -amount + 'deg)' });

82 jquery  transform 

我是d3和svg编码的新手，正在寻找一种在图表的xAxis上旋转文本的方法。我的问题是通常xAxis标题的长度超过条形图中的条形宽度。所以我想旋转文本以使其在xAxis下垂直（而不是水平）运行。 我尝试添加transform属性：.attr（“ transform”，“ rotate（180）”） 但是，当我这样做时，文本完全消失了。我曾尝试增加svg画布的高度，但仍然无法查看文本。 任何关于我做错事情的想法都很棒。我还需要调整x和y位置吗？并且，如果是这样，增加多少（当我在Firebug中看到它时很难进行故障排除）。

81 text  svg  transform  d3.js 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 2年前关闭。 改善这个问题 有人知道如何从现有的XML模式（XSD文件）生成JSON模式吗？有没有可用的工具？

78 xml  json  xsd  transform  jsonschema