zoukankan      html  css  js  c++  java
  • HTML使用svg,定义.svg格式

    1.svg

    <?xml version="1.0" ?>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <circle cx="50" cy="100" r="50" stroke="black" stroke-width="2" fill="purple"/>
    </svg>
    

      html使用svg

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 引入 -->
        <embed src="1.svg" type="image/svg+xml"/>
        <object data="1.svg" type="image/svg+xml"></object>
        <iframe src="1.svg" width="" height=""></iframe>
    </body>
    </html>
    

      直接在html中使用svg标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 直接使用 -->
        <svg version="1.1" height="600">
            <circle cx="100" cy="200" r="100" stroke="balck" stroke-widht="2" fill="orange"></circle>
        </svg>
    </body>
    </html>
    

      

  • 相关阅读:
    php-instanceof运算符
    windows10-seaslog安装笔记
    [类和对象]1 封装 调用成员函数
    [C++] 拓展属性
    [C++] 引用详解
    [C++] Const详解
    ROS 常用
    win10 ubuntu16双系统安装教程
    [0] OpenCV_Notes
    Ubuntu16.04安装openCV的问题集合
  • 原文地址:https://www.cnblogs.com/fdxjava/p/13887841.html
Copyright © 2011-2022 走看看