将SVG图引进到HTML网页页面的完成

日期:2021-01-19 类型:科技新闻 

关键词:怎么把小程序变成二维码,微信小程序怎么开通,微信小程序csdn,小程序开发,网络答题小程序

将SVG图引进到HTML网页页面,现阶段仅有3种方法,前两种很类似,第3种更简易。下来详细介绍1下这是那种方式。

第1种:

应用<embed>标识:
 

这个是官方强烈推荐的用法,可是这个官方是Adobe官方,并不是W3C官方,如今的HTML规范里都还没这个标识。

<embed src="example.svg" width="300" height="300" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />

pluginspage表明的是软件免费下载详细地址。

第2种:

应用<object>标识:
 

这个是W3C的标准,在HTML规范里有这个标识,这个标识里边不可以应用js。

<object data="example.svg" width="300" height="300" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/imstall/" />

codebase也是软件免费下载详细地址

此外,假如安裝了Adobe SVG Viewer ,这个就不可以应用(这是甚么基础理论,软件免费下载详细地址全是1样的…)。

第3种:

应用 <iframe> 标识
<iframe> 标识可工作中在绝大多数的访问器中。

<iframe src="rect.svg" width="300" height="100">
</iframe>

这里强烈推荐1下,1个标志网站地址,上面都是完全免费的标志可供免费下载:

网站地址:http://www.iconfont.cn/plus/user/detail?uid=17211

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。