分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

SVG嵌入HTML

发布时间:2023-09-06 02:25责任编辑:赖小花关键词:HTML

使用SVG文件

<embed>
使用embed标签,将svg文件以媒体形式插入html。
Coding
<embed src="imooc.svg" width="1024" height="768" type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />

<object>
使用object标签,将svg文件以媒体对象形式插入html。
Coding
<object data="imooc.svg" width="1024" height="768" type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />

<iframe>
使用iframe标签,将svg文件以网页文件形式插入html。
Coding
<iframe src="imooc.svg" width="1024" height="768"></iframe>

<img>
使用img标签,将svg文件以图形图像文件形式插入html。
Coding
<img src="imooc.svg">

嵌入SVG结构

<svg>
使用svg标签直接将svg代码插入到html中。
Coding
<html>
<body>
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="30" height="30" stroke="#C7000B" />
</svg>
</body>
</html>

SVG嵌入HTML

原文地址:https://www.cnblogs.com/jian1234/p/10082358.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved