Question

我有一个内容是<代码>-moz-transform>适用于该编码的<>translateX(,translateY(和skew()。我需要做的是改变<代码>skew()的数值,而不必使用javascript触及翻译。

我如何做到这一点?

Answer 1

这里的解决办法是:

var elem = /*...*/

var transformations = getComponentsFromAttribute(elem.style[ -moz-transform ]);
transformations.skew = [1, 1];

elem.style[ -moz-transform ] = getAttributeFromComponents(transformations));

利用这些职能:

function getComponentsFromAttribute(attribute)
{
    var componentMap = {};

    var regex = /([a-z]*)(([^)]*))/gi;
    var matches;

    while(matches = regex.exec(attribute))
        componentMap[matches[1]] = matches[2].split(/, */);

    return componentMap;
}

function getAttributeFromComponents(componentMap)
{
    var componentList = [];

    for(var key in componentMap)
        componentList.push(key +  (  + componentMap[key].join( , ) +  ) );

    return componentList.join(   );
}

友情链接