转换嵌入式svg文件

Passiday

SVG转换属性的功能应用于外部SVG文件的html5语法是什么

这是我现在拥有的代码:

<!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处理这些属性。

弗朗西斯·海姆舍

您可以将HTML5转换添加到DIV。但这是浏览器之间的问题。使用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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章