html5使用svg步骤

发布时间:2020-06-19 11:39:11 作者:Lee_吉
来源:网络 阅读:1690
  1. 创建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>
  2. 在html中引入svg:
    1、方式一:
    <object data="test.svg" 
    type="image/svg+xml"
    codebase="http://www.adobe.com/svg/viewer/install/"/>
    2、方式二:
    <embed src="test.svg"
    type="image/svg+xml"
    pluginspage="http://www.adobe.com/svg/viewer/install/" />
推荐阅读:
  1. html5 SVG 涂鸦
  2. HTML5 内联 SVG(八)

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 使用 svg

上一篇:Linux用户和组相关命令及实验

下一篇:滑动ListView自动隐藏页面头部和底部元素的例子

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》