转换嵌入式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文件

回答

相关问题