标签: transform
如何使用xslt转换xml并在Android webview中显示它
我试图将由xsl文件转换的xml数据显示在Android应用程序的webview中.但是,数据未按预期显示.
XML file used (cdcatalog_with_xsl.xml) -- Sample xml data
--------------------------------------
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<!-- Edited by XMLSpy® -->
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Hide your heart</title>
<artist>Bonnie Tyler</artist>
<country>UK</country>
<company>CBS Records</company>
<price>9.90</price>
<year>1988</year>
</cd>
</catalog>
XSL file used (cdcatalog.xsl) -- Sample xsl file
-----------------------------
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each …推荐指数
解决办法
查看次数
3d转换SVG元素
是否可以通过SVG元素的三维变换实现透视？
我正在谈论类似于星球大战开场标题的三维视角.这是一个使用CSS3 3d变换实现所需效果的jsfiddle:
<section style="transform: perspective(200px) rotateX(-30deg); transform-origin: 50% 100%; text-align: justify; width: 100px;">
<p style="backface-visibility: hidden;">TEXTTEXTTEXT</p>
</section>推荐指数
解决办法
查看次数
使用#keyPath CATransform3D密钥路径
是否有可能使用增强的关键路径(如描述在这里与新#keyPath关键字)的CATransform3D财产斯威夫特3？
换句话说就是替换
let scaleAnimation = CABasicAnimation(keyPath: "transform.scale")
喜欢的东西
let scaleAnimation = CABasicAnimation(keyPath: #keyPath(CALayer.transform.???))
推荐指数
解决办法
查看次数
创建选项选择登录页面
我想创建一个像游戏一样的登陆页面.访问者可以选择"专业"或"Speels".
告诉它很容易,但编程对我来说很难,所以这就是我想要的:
2 div的与2个不同的background-image,当有人hover在我想要的div之一background-image是按比例的(仅图像)和opacity放置在div来从改变50%到80%.
一个非常美好的未来将是在图像上显示一个降雪gif.
这就是我想要创建的:
之前
后:
我已经实现到现在正在2个divs的一个background-image,我甚至不知道这是正确的方式.有人可以帮帮我吗？
当我用当前代码悬停时会发生这种情况:(整个div缩放,不仅仅是图像)
正如用户所问,这里有一些代码:
#containerEntree {
height: 100vh;
width: 1920px;
padding-left: 0;
padding-right: 0;
}
#professioneelContainer {
background-color: red;
text-align: center;
width: 1920px;
height: 475px;
}
#speelsContainer {
background: red;
width: 100%;
height: 475px;
text-align: center;
}
.entreeTekst:hover {
transform: scale(1.2);
}
.entreeTekst {
width: 100%;
height: 100%;
position: relative;
transition: all .5s;
margin: auto;
} …推荐指数
解决办法
查看次数
Clojure-使用Spectre转换嵌套的数据结构，用几个替换一个节点
我正在使用spectre转换Clojure中的嵌套数据结构，但还没有掌握。特别是，我正在尝试创建一个转换，该转换将找到一个与谓词匹配的项（无论深度如何），并将其替换为多个项。
[:top
[:arbitrary 1 2
[:nesting
2
3
[:needle] ; <-- the thing to find
]]]
-->
[:top
[:arbitrary 1 2
[:nesting
2
3
[:n1] [:n2] [:n3] ; <-- 3 items inserted in the place of 1
]]]
我不知道的是如何将替换项拼接到父向量中，即，如何用三个项替换一个项，而不是用包含三个子项的一项替换。
推荐指数
解决办法
查看次数
使用css变换移动时,SVG图像变得模糊和闪烁
使用CSS转换时,我该怎么做才能避免图像模糊/闪烁问题？我尝试过CSS转换效果的一堆建议让图像模糊/移动图像1px,在Chrome中？,但似乎无法搞清楚.
我在下面附上了plunker代码.
https://plnkr.co/edit/kXbrxjnD0llt3u8dBujv?p=preview
的index.html
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<img src="usequities_green.svg" class="sample_fixed_income">
<section class="sectors">
<div class="container index-container-responsive">
<div class="row">
<div class="sectors-icon">
<img src="usequities_green.svg" class="sectors-icon-container fixed_income">
</div>
</div>
</div>
</section> </body>
</html>
style.css文件
/* Styles go here */
.sectors {
background-color: #30B784;
color: white;
display: flex;
height: 680px;
align-items: center;
justify-content: center;
position: relative;
}
.sectors__section__title {
font-size: 32px;
line-height: 48px;
}
.sectors-icon .sectors-icon-container{
animation-direction: alternate;
animation-iteration-count: infinite;
animation-play-state: running;
animation-timing-function: ease-in-out;
background-color: white; …推荐指数
解决办法
查看次数
变换：使用视口单位缩放
我想使用一个 transform: scale 我的宽度变成 80vw 并且我的高度是自动的。所以这就是我想要的 = transform: scale(80vw, auto);。不幸的是，这不起作用。有没有另一种方法可以获得这种效果。最好不使用javascript。
推荐指数
解决办法
查看次数
Leaflet自定义图标标记旋转角度，transform风格冲突
我用以下演示重现了这个问题：http : //jsfiddle.net/baoqger/deL0yuvg/9/
在我的项目中，我有一个自定义图标标记，我想在某些情况下旋转图标。
我在创建图标时添加了一个 claasname：
const uturnIcon = L.icon({
iconUrl: 'http://joshuafrazier.info/images/firefox.svg',
iconSize: [30, 30],
className: 'u-turn-icon'
})
并为该类添加 css 样式，如下所示：
.u-turn-icon {
transform: rotate(20deg) !important
}
问题是默认情况下，图标img有一个style属性transform: translate3d，所以默认的transform和我添加的transform样式有冲突。并且默认的变换样式是由传单本身创建的，当我们缩放地图时，该属性的值也会更新。
那么如何解决这个问题呢？
推荐指数
解决办法
查看次数
Css 将 div 旋转 180 度
我有一个矩形 div，我想在某些情况下旋转 180 度。
我正在使用 css 变换属性来旋转 div。
这在 chrome 上效果很好，但在边缘发生的情况是 div 超出了它的容器 div。我希望 div 本身处于其原始位置，但旋转了 180 度。
.container {
display: flex, flex-direction: row, align-items: center, justify-content: flex-end, writing-mode: vertical-lr width:100px, height:100px, border: solid red 1px;
}
.rotate {
transform: rotate(180deg);
transform-origin: left top
}<div class="container">
<div class="rotate">
Hello
</div>
</div>推荐指数
解决办法
查看次数
Pandas Group By 的奇怪行为 - 转换字符串列
我在使用 Pandas .groupby()和.transform() 时遇到了一个奇怪的行为。下面是生成数据集的代码：
df = pd.DataFrame({"Name" : ["Alice", "Bob", "Mallory", "Mallory", "Bob" , "Mallory"] ,
"Random_Number": [1223344, 373293832, 32738382392, 7273283232, 8239329, 23938832],
"City" : ["Seattle", "Seattle", "Portland", "Seattle", "Seattle", "Portland"]})
这是我为transform() 编写的函数。
# this function will attach each value in string col with the number of elements in the each city group
# if the col type is not an object, then return 0 for all rows.
def some(x):
if x.dtype == 'object':
return x + …推荐指数
解决办法
查看次数