轉換嵌入式svg文件

什麼是將SVG transform attribute的威力應用於外部SVG文件的html5語法？轉換嵌入式svg文件

這是我現在的代碼：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>HTML5 SVG demo</title> 
    </head> 
    <body> 
    <div> 
     <img src="source.svg" style="border:1px solid black; width:20%; display: block; margin-left: auto; margin-right: auto;" /> 
    </div> 
    </body> 
</html>

的source.svg是在Inkscape中，有一些隨機的垃圾A4幅面的頁面創建的文件。

我想旋轉此圖像（不是它的內容，但它是呈現在HTML文檔中）。最初我對純html語法感興趣，但是後來我打算通過JavaScript來操縱這些屬性。

來源

2014-02-16 Passiday

您可以將HTML5轉換添加到DIV。但它browsers..Much更直觀的使用SVG JavaScript來的工作之間的這種水珠變換

不管怎樣，下面是所有的瀏覽器CSS旋轉的例子

<div style='-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);background-color:lightgreen;width:400px;height:400px;'> 
<svg id="mySVG" width="400" height="400">...</svg> 
</div>

來源

2014-02-16 03:58:55

轉換嵌入式svg文件

回答

相關問題