拉斐爾JS翻轉圖片

我有以下代碼：拉斐爾JS翻轉圖片

image1Rect.animate({ 
    transform: "S-0.025,1" 
}, 1000, 'easeOut', function() { 
    image1Rect.hide(); 
    image1Ref.show(); 
    image1Ref.scale(0.025, 1); 
    image1Ref.animate({ 
     transform: "S1,1" 
    }, 1000, 'easeOut'); 
});

在那裏我想的image1Rect X比例降低到0.025，然後當完成增加從0.025的image1Ref規模X到1。我正在嘗試使用附加轉換來完成此操作，但由於該操作對我無效，因此我不得不使用image1Ref上不推薦的函數縮放比例來首先將其縮放比例X縮小爲0.025。

我理想情況下喜歡用附加的轉換來完成此操作，請你幫我一下嗎？

來源

2012-12-20 HaveFun MediaSolutions

IM上有什麼問題，什麼「附加變換」不清楚都與「翻轉圖片」 – Jeff

它是由負整數

transform: "S-0.025,1"

負整數引起導致圖像在軸線翻轉。

使用變換：「S0.025,1」

來源

2012-12-20 15:10:41

嘗試使用矩陣作爲變換的一部分：通過路徑

R.path(blah blah).attr(blah blah).transform("m1,0,0,-1,0,0");

端

var R = this.paper;

環迴路

「m」代表矩陣，第4位「-1」代表圖像翻轉。在那個地方的「1」（y軸位置）將是一個正常的'路徑'指示，觀點。請記住，您將不再在屏幕上看到您的圖像，因爲它已被重新繪製在包含div的上方。據我所知，它使用div的頂部邊緣作爲其支點。

順便說一句，其他地方代表某種形式的圖像「歪斜」，如果您想要做的只是翻轉圖像，這並不是很有趣。

要看到我的形象，我必須找到並使用視框放大它上面，像這樣：

R.setViewBox(0,-575,200,200);

來源

2014-06-06 16:53:47 Michael

拉斐爾JS翻轉圖片

回答

相關問題