過渡CSS「變換」屬性

-2

如何樣式下面的屬性變換，這樣不是成爲：過渡CSS「變換」屬性

transform="translate(0,250)"

就變成：

transform="translate(-45,250)"

，以便它改變了整個對象-45像素往左邊。

下面是代碼：

<svg width="365" height="250"> 
<g class="x_ticks_d3 plain" transform="translate(0,250)"></g> 
</svg>

來源

2014-10-18 anders

你是什麼樣式的屬性是什麼意思？對不起，但我不明白。 – 2014-10-18 20:26:45

我想設置transform =「translate（-45,250）」，而不是現在的 transform =「translate（0,250）」。我想選擇.x_ticks_d3變換{屬性（-45,250）} – anders 2014-10-18 20:32:31

如果我們談論的「造型」，你可以做某事。像這樣的CSS：

g.x_ticks_d3.plain { 
    -moz-transform: translateX(-45px); 
    -webkit-transform: translateX(-45px); 
    -o-transform: translateX(-45px); 
    -ms-transform: translateX(-45px); 
    transform: translateX(-45px); 
}

但這不是改變你的SVG SVG的翻譯和另外250可能並不總是一致的像素（記得可伸縮矢量的事情）。

更有前途的方式操作使用jQuery的屬性：

$("g").attr("transform", "translate(-45,250)");

來源

2014-10-18 20:46:14 cschuff

非常感謝你，讓我度過了一天，在咖啡腳本中處理這個問題時遇到了很多麻煩。 – anders 2014-10-18 21:35:17

過渡CSS「變換」屬性

回答

相關問題