标签: transform
使用浏览器转换XML时,是否可以通过URL将参数传递给XSLT？
使用浏览器转换XML(谷歌浏览器或IE7)时,是否可以通过URL将参数传递给XSLT样式表？
例:
data.xml中
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="sample.xsl"?>
<root>
<document type="resume">
<author>John Doe</author>
</document>
<document type="novella">
<author>Jane Doe</author>
</document>
</root>
sample.xsl
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:output method="html" />
<xsl:template match="/">
<xsl:param name="doctype" />
<html>
<head>
<title>List of <xsl:value-of select="$doctype" /></title>
</head>
<body>
<xsl:for-each select="//document[@type = $doctype]">
<p><xsl:value-of select="author" /></p>
</xsl:for-each>
</body>
</html>
</<xsl:stylesheet>
推荐指数
解决办法
查看次数
如何在JavaScript中读取单个变换值？
去年Webkit发布的关于3D变换的博客文章解释了可以在-webkit-transform属性中使用的各种变换"函数".例如:
#myDiv {
-webkit-transform: scale(1.1) rotateY(7deg) translateZ(-1px);
}
我的问题:你如何在JavaScript中访问个别值？当你读取元素的webkitTransform属性时,你只需要一个包含16个值的matrix3d()函数,就像这样......
matrix3d(0.958684, 0.000000, .....)
有没有办法只读取单个转换事物的值,如rotateY()？或者我必须从matrix3d()字符串中读取它,以及如何？
推荐指数
解决办法
查看次数
translate vs transform-origin css3
我想知道是否有人可以帮助我.我一直无法理解css3属性究竟是什么:transform-origin.我似乎无法按照它正在移动的方向.
例如,假设您有一个方形div,并将其旋转40度.然后你执行一个transform-origin: 100% 0%.你能做到translateX(and some value)吗？看起来translateX会在执行旋转后相对于新旋转的轴沿x轴移动它.我似乎无法跟随变换原点正在做什么,或者它究竟是什么.
一个清晰而彻底的例子将非常受欢迎.=)
推荐指数
解决办法
查看次数
当使用css3比例缩放元素时,它会在动画完成之后变为像素化.我正在制作一个带边框的元素
http://jsfiddle.net/nicktheandroid/5Ytnj/
当我添加-webkit-backface-visibility: hidden;到.circ元素时,它会使它在动画完成后保持像素化.
我想知道是否有办法让它在动画时不像素化.我在Google Chrome的开发版中查看了它.
推荐指数
解决办法
查看次数
CSS将正方形转换为更薄的菱形
如何制作菱形:
(如红色所示)通过使用css转换正方形？只有B点和C点必须移动.原始尺寸为25像素×25像素.
我正在努力实现这个结果,然后将它旋转45度,使它看起来像钻石.我认为这可以使用transform:matrix();
PS我想尝试尽可能不使用explorercanvas,因为我正在尝试最小化html中的脚本标记.
推荐指数
解决办法
查看次数
如何将270deg旋转文本对齐到左上角？
这应该是一个你会想到的非常简单的问题.我有一个带有一些标题文字的盒子,我想要旋转-90度.我希望它绝对定位,以便将单词的末尾轻推到左上角.我可以很容易地将它与底部对齐,但问题是,对于可变长度的文本,当对齐到顶部时,它似乎不可能始终保持在容器内,因为诸如{top: 0}在变换之前对标题进行操作之类的事情.出于我的目的,这只需要在Firefox中工作.我可以使用javascript,如果这是唯一的解决方案,但你会认为这可以用CSS完成.
推荐指数
解决办法
查看次数
将ItemGroup转换为分隔字符串
我的问题几乎与在MSBuild中创建一个字符串的ItemGroup相同,但是那里提供的解决方案似乎仍然存在现有的分隔符.这是我正在尝试做的简化片段:
<Target Name="Testing">
<ItemGroup>
<Files Include="$(RootDirectory)\*.*"/>
</ItemGroup>
<Message Text="@(Files->'%(Filename)%(Extension) ')"/>
</Target>
我想要的输出是这样的:
file1.cs file2.cs file3.cs
但是,上面的代码段会产生以下输出
file1.cs ;file2.cs ;file3.cs
我做错了什么？
推荐指数
解决办法
查看次数
如何使用GDI将方形位图渲染为任意四边形多边形？
我需要绘制一个正方形图像,映射或转换为未知的编译时四边形多边形.我怎样才能做到这一点？
更长的解释
具体问题是渲染具有非矩形地图投影的地图图块.假设我有以下磁贴:
我知道需要有四个角点:
鉴于此,我想得到以下输出:
方形瓷砖可能是:
- 旋转; 和/或
- 一端比另一端窄.
我认为第二项意味着这需要非仿射变换.
随机附加说明
四面？完全正确的情况是合理的,瓷砖应该映射到具有四个以上点的多边形,但是对于我们的目的和绘制的尺度,方形 - >其他四角多边形变换应该足够了.
为什么只有GDI？ 到目前为止,所有渲染都是使用GDI完成的,我希望快速保持代码(a),并且(b)需要尽可能少的额外库.我知道有一些对GDI转换的支持,并且今天一直在试验它们,但即使在试验它们之后,我也不确定它们是否足够灵活用于此目的.如果他们是,我还没有设法弄清楚,所以我真的很感激一些示例代码.
GDI +也可以,因为我们在其他地方使用它,但我知道它可能很慢,速度在这里很重要.
另一种选择是Delphi - / C++ Builder特有的; 这个程序主要是用C++编写的,使用的是VCL,所讨论的图形目前被绘制成TCanvas,混合使用TCanvas方法和原始WinAPI/GDI调用.
叠加图像:最后一点需要注意的是,图块中的一种颜色可能是用于颜色键的透明度:也就是说,上面图块中的所有白色(说)方块在绘制在下面的任何内容时应该是透明的.目前,使用TransparentBlt将切片绘制到方形或轴对齐的矩形目标.
对于让这个问题比"我应该使用什么算法？"更复杂的所有额外警告我感到抱歉.但我也很乐意接受只有算法信息的答案.
推荐指数
解决办法
查看次数
使用firefox打破3D变换z-index,保留-3d未保留
Firefox中的3D变换似乎与z-index存在问题.在我看来,渲染是"忽略"3D Z位置,并简单地使用来自DOM的z-index.有趣的是,当可见部分变小时,只有轮子的一部分可见,z-index突然正确,尽管其他人工制品开始出现.
这个交集错误演示自2011年以来在Firefox中被窃听,但是我的圈子没有交叉 - 所以我希望它在某种程度上是可能的. http://jsfiddle.net/yNfQX/21/
Firefox Bugtracker:https://bugzilla.mozilla.org/show_bug.cgi ？ id = 689498
.perspective {
width: 400px;
height: 400px;
position: relative;
perspective: 3000px;
display: block;
}
.dcw {
width: 100%;
height: 100%;
position: absolute;
transform-style: preserve-3d;
}
.dc {
top: calc(50% - 44px);
left: calc(50% - 44px);
margin: auto;
border-radius: 50%;
position: absolute;
cursor: pointer;
transform-style: preserve-3d;
width: 88px;
height: 88px;
border: 1px solid black;
}<div class="perspective">
<div class="dcw">
<div class="dc" style="background-color: rgba(255,0,0,1);transform: rotateZ( 0deg ) translateX(125px) rotateX( …推荐指数
解决办法
查看次数
Safari 10.0上的悬停效果问题
悬停效果存在问题,仅在Safari 10.0上显示.
网络是这样的: Manu Caballero
发生的事情是,效果是根本不起作用,或根本不起作用:
要查看它的工作原理,您可以使用Chrome或Firefox.
最奇怪的是,在Safari 10.0上,如果我尝试使用检查器,悬停效果会起作用......
在Safari 10.1和其他常见浏览器(如Chrome,Firefox ...)上工作正常.
推荐指数
解决办法
查看次数