CSS3 stilini GWT 2.5

Question

'daki bir görüntüye nasıl uygularız? GSS'de bir görüntüye bir CSS3 dönüşümü stili uygulamak istiyorum. Örnek

imageZoom.getElement().getStyle().setProperty("-webkit-transform", "translate3d("+x+"px, "+y+"px, 0px)"); 

Görüntüdeki fare imlecinin koordinatları x ve y olduğunda. Hatayı
olarak gösterir Casused Tarafından java.lang.AssertionError: Stil adı deve büyük/küçük harf biçiminde olmalıdır.
Ben

1.-webkit-Transform
2.-Webkit dönüşümü
Ben de kullandım

3.-Webkit Transform aşağıdaki

stil özelliğini yeniden adlandırıldı CamelCase Convertor ama Girilen ile aynı sonuçları gösteriyor.

Teşekkür peşin

Answer 1

yılında Özellikle GWT hakkında emin değilim, ama bir önek kullanırken JavaScript tire kaldırın. webkit ve ms küçüktür, ancak O ve Moz büyük harftir.

var el = document.getElementById("test"); 

el.style.webkitTransform = 'translate3d(100px, 100px, 15px) rotate(10deg)'; 

Ve burada diğer önekler ve prefixless şunlardır: İşte vanilya JavaScript aracılığıyla WebKit'teki dönüşümü ayarlamak için bazı kodudur. Not prefixless küçük harf ile başlar: http://jsfiddle.net/qScux/

DÜZENLEME:

GWT olarak, o olurdu:

imageZoom.getElement().getStyle().setProperty("webkitTransform", "translate3d("+x+"px, "+y+"px, 0px)") 

İşte

el.style.MozTransform = 'translate3d(100px, 100px, 15px) rotate(10deg)'; 
el.style.msTransform = 'translate3d(100px, 100px, 15px) rotate(10deg)'; 
el.style.OTransform = 'translate3d(100px, 100px, 15px) rotate(10deg)'; 
el.style.transform = 'translate3d(100px, 100px, 15px) rotate(10deg)'; 

eylem bunun bir demo

Answer 2

GWT'nin deve durumunu nasıl kontrol ettiği kodu şöyledir:

,

imageZoom.getElement().setAttribute("style", "-webkit-transform: translate3d("+x+"px, "+y+"px, 0px)"); 

Ayrıca ilk stil elde edebilirsiniz o toString olun, ardından bu özelliği ekleyin ve atayın:

private void assertCamelCase(String name) { 
    assert !name.contains("-") : "The style name '" + name 
    + "' should be in camelCase format"; 
} 

Yani hedefe ulaşabilirsiniz olası yolu tarzını, stil değil özelliğini ayarlamaktır öğeye geri dönüş stili.