html5使用svg的方法步骤 - 教程之家

创建svg文件：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

在html中引入svg：

方式一：

<object data="test.svg" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/"/>

方式二：

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

觉得上面的内容有用吗？快来点个赞吧！

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网，所有源码及教程均为作者总结编辑，请大家在使用过程中提前做好备份，以免发生无法预知的错误，源码类教程请勿直接用于生产环境！

可能感兴趣的文章

需求：我们在开发中会遇到使用各式各样的进度条，因为当前插件里面进度条各式各样的，为了方便我们定制化的开发和方便修改样式，我们这里使用HTML和CSS样式来进行开发进度条功能...

1、自动验证通过在元素中使用属性的方法，该属性可以实现在表单提交时执行自动验证的功能。下面是关于对元素内输入内容进行限制的属性的指定。属性说明 req...

Html去除a标签的默认样式, a标签超链接字体默认蓝色带下划线; 去除可用:a{ text-decoration:none; color:inherit; cursor:auto;}测试代码<!DOCTYPE html><html la...

HTML、CSS和jQuery：构建一个漂亮的登录表单验证在Web开发中，登录表单是一个常见的组件。用户在网站或应用程序中登录时，表单验证是确保安全性和准确性的重要步骤。本文将介绍如...

表格是网络开发的基本和关键方面，用于以有序且清晰的格式呈现信息。然而，在某些情况下可能需要呈现更复杂的数据，从而需要使用嵌套表。嵌套表是位于其他表格单元格内的表。在本...

使用 dropzone 属性设置是否复制、移动或链接拖动的数据。复制 - 拖放将创建拖动元素的副本。移动 - 拖动元素将移动到新位置。链接 - 它创建指向拖动数据的链接尝试以下...

DIV 内容可以借助 JavaScript 中的 html2canvas() 函数保存为图像。 DIV 标签定义 HTML 文档中的一个部分。示例<div id = ”cpimg” style = ”padding:...

使用 HTML5 中的标签添加媒体播放器中使用的文本轨道。您可以尝试运行以下代码来了解如何添加 HTML5 媒体播放器中使用的文本轨道 -示例<!DOCTYPE HTML><html> <body>...

平时有时候用到div和css对网站界面进行重构,经常会用到标签ul ol li dl dt dd ,这些标签常用于列表显示内容. 学会这几个标签的用途,了解一下他们的区别,对网站代码和加载速...

html5跟随鼠标炫酷网站引导页动画特效一款非常不错的引导页，文字效果渐变，鼠标跟随出绚丽的条纹。html5炫酷网站引导页，鼠标跟随出特效。在线演示效果图index.htm<!DOCTYPE ht...

可能感兴趣的文章

热门文章