发布时间 ： 2025-10-25 13:33:30 UTC
Page Views: 9 views
SVG files can be embedded in HTML documents with the following tags: < embed > , or . <p>The code for SVG can be embedded directly into the HTML page, or you can link directly to the SVG file.</p> <section id=embed><h2><span class=section-number> 1.4.1. </span> Use <code class="docutils literal notranslate"> <span class=pre> <embed> </span> </code> label <a title="Link to this heading" class=headerlink href=#embed> ¶ </a></h2><p><code class="docutils literal notranslate"> <span class=pre> <embed> </span> </code> :<ul class=simple><li><p>Advantages: all major browsers support it and allow scripting</p><li><p>Cons: not recommended for use in HTML4 and XHTML (but allowed in HTML5)</p></ul><p>Syntax:<div class="highlight-default notranslate"><div class=highlight><pre><span></span><span class=o><</span><span class=n>embed</span> <span class=n>src</span><span class=o>=</span><span class=s2>"circle1.svg"</span> <span class=nb>type</span><span class=o>=</span><span class=s2>"image/svg+xml"</span> <span class=o>/></span> </pre></div></div><p>Results:</section> <section id=object><h2><span class=section-number> 1.4.2. </span> Use <code class="docutils literal notranslate"> <span class=pre> <object>label <a title="Link to this heading" class=headerlink href=#object> ¶ </a> <p><code class="docutils literal notranslate"> <span class=pre> <object>: <ul class=simple><li><p>Advantages: all major browsers support HTML4,XHTML and HTML5 standards</p><li><p>Cons: scripts are not allowed.</p></ul> <p>Syntax:</p> <div class="highlight-default notranslate"><div class=highlight><pre><span></span><span class=o><</span><span class=nb>object</span> <span class=n>data</span><span class=o>=</span><span class=s2>"circle1.svg"</span> <span class=nb>type</span><span class=o>=</span><span class=s2>"image/svg+xml"</span><span class=o>><span class=nb>object</span><span class=o>></span> <p> Results: </p> <section id=iframe> <h2> <span class=section-number> 1.4.3. </span> Use <code class="docutils literal notranslate"> <span class=pre> <iframe> label <a title="Link to this heading" class=headerlink href=#iframe> ¶ </a> <p> <code class="docutils literal notranslate"> <span class=pre> <iframe> : <ul class=simple> <li> <p> Advantages: all major browsers support it and allow scripting </p> </li> <li> <p> Cons: not recommended for use in HTML4 and XHTML (but allowed in HTML5) </p> </li> </ul> <p> Syntax: </p> <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>iframe</span> <span class=n>src</span><span class=o>=</span><span class=s2>"circle1.svg"</span><span class=o>><span class=n>iframe</span><span class=o>></span> <p> Results: </p> <section id=htmlsvg> <h2> <span class=section-number> 1.4.4. </span> Embed SVG code directly in HTML <a title="Link to this heading" class=headerlink href=#htmlsvg> ¶ </a> </h2> <p> In Firefox, Internet Explorer9, Google Chrome, and Safari, you can embed SVGcode directly in HTML. </p> <section id=id1> <h3> Example <a title="Link to this heading" class=headerlink href=#id1> ¶ </a> </h3> <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>svgxmlns</span><span class=o>=</span><span class=s2>"http://www.w3.org/2000/svg"</span><span class=n>version</span><span class=o>=</span><span class=s2>"1.1"</span><span class=o>><</span><span class=n>circlecx</span><span class=o>=</span><span class=s2>"100"</span><span class=n>cy</span><span class=o>=</span><span class=s2>"50"</span><span class=n>r</span><span class=o>=</span><span class=s2>"40"</span><span class=n>stroke</span><span class=o>=</span><span class=s2>"black"</span><span class=n>stroke</span><span class=o>-</span><span class=n>width</span><span class=o>=</span><span class=s2>"2"</span><span class=n>fill</span><span class=o>=</span><span class=s2>"red"</span><span class=o>/><span class=n>svg</span><span class=o>></span> <section id=svg> <h2> <span class=section-number> 1.4.5. </span> Link to SVG file <a title="Link to this heading" class=headerlink href=#svg> ¶ </a> </h2> <p> You can also use the <code class="docutils literal notranslate"> <span class=pre> <a> tag link to an SVG file: link to a SVG file <p> You can also use the <code class="docutils literal notranslate"> <span class=pre> <a> the tag links to an SVG file: <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>a</span> <span class=n>href</span><span class=o>=</span><span class=s2>"circle1.svg"</span><span class=o>></span><span class=n>View</span> <span class=n>SVG</span> <span class=n>files</span><span class=o><span class=n>a</span><span class=o>></span> <p> Result: view SVG fil </p> <div class=panel-footer> <div class=row> <div class=col-sm-12 style=text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden> 文章链接 ： <a title="1.4. SVG is on the HTML page " class=text-primary href=/tutorial/k9130/>1.4. SVG is on the HTML page </a> </div> </div> </div> <div class=col-sm-3> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> <b>Web框架 </b> <span class="badge bg-primary rounded-pill">946</span> </a> <p> <small class=text-muted><div class=body role=main> <section id=web> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb01/> 1. Angularjs2 <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka01/> <b> 1. SVG tutorial </b> <span class="badge bg-primary rounded-pill">19</span> </a> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k8709/> 1.17. SVG gradient-Linear </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9773/> 1.20. SVG reference manual </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9855/> 1.14. SVG filter </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1447/> 1.5. SVG <rect> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k6587/> 1.18. SVG gradient-radioactivity </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1860/> 1.2. SVG introduction </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k3888/> 1.10. SVG <polyline> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1180/> 1.16. SVG Shadow </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k4187/> 1.19. SVG instance </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9319/> 1.8. SVG <line> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc01/> 1. Memcached <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh01/> 1. C# tutorial <span class="badge bg-primary rounded-pill">61</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd01/> 1. Sqlite <span class="badge bg-primary rounded-pill">47</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh02/> 2. Go <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd02/> 2. Docker <span class="badge bg-primary rounded-pill">59</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb02/> 2. Vue3 <span class="badge bg-primary rounded-pill">19</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka02/> 2. Servlet <span class="badge bg-primary rounded-pill">21</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb03/> 3. React <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka03/> 3. SOAP tutorial <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc03/> 3. Android <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd03/> 3. Mongodb <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh03/> 3. Kotlin <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh04/> 4. Lua <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd04/> 4. MySQL tutorial <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc04/> 4. Appml <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh05/> 5. Perl <span class="badge bg-primary rounded-pill">45</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd05/> 5. Postgresql <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka05/> web <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka06/> 5. Web Services tutorial <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh06/> 6. Ruby <span class="badge bg-primary rounded-pill">42</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc06/> 6. Design-pattern <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc07/> 7. Django <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh07/> 7. Rust <span class="badge bg-primary rounded-pill">22</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka07/> 6. WSDL tutorial <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc08/> 8. Foundation <span class="badge bg-primary rounded-pill">39</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc09/> 9. Ios <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka09/> 8. Css3 <span class="badge bg-primary rounded-pill">26</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh09/> 9. Swift <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka12/> 11. HTML tutorial-(HTML5 Standard) <span class="badge bg-primary rounded-pill">54</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka13/> 12. Http <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc13/> 13. Regex <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc14/> 14. Regexp <span class="badge bg-primary rounded-pill">8</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> 《地理信息系统原理、技术与方法》 <span class="badge bg-primary rounded-pill">97</span> </a> <p> <small class=text-muted><article class=bd-article> <section id=id1> <p> 最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。 </p> </section> </article></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k101/> 1. Introduction to geographic information system <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k102/> 2. From the Real World to the Bit World <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k103/> 3. Spatial Data Model <span class="badge bg-primary rounded-pill">7</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k104/> 4. 空间参照系统和 地图投影 <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k105/> 5. Data in GIS <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k106/> 6. Spatial data acquisition <span class="badge bg-primary rounded-pill">2</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k107/> 7. Spatial Data Management <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k108/> 8. Spatial analysis <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k109/> 9. 数字地形模型（ DTM ）与地形分析 <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k110/> 10. 空间建模与 空间决策支持 <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k111/> 11. Spatial data representation and map making <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k112/> 12. 3S Integration Technology <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k113/> 13. 网络地理信息系统 <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k114/> 14. Examples of Geographic Information System Application <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k115/> 15. Organization and Management of Geographic Information System Application Projects <span class="badge bg-primary rounded-pill">9</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k116/> 16. Geographic Information system Software Engineering Technology <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k117/> 17. Geographic Information System Standards <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k118/> 18. Geographic Information System and Society <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k119/> 19. Earth Information Science and Digital Earth <span class="badge bg-primary rounded-pill">3</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> WEB基础 <span class="badge bg-primary rounded-pill">289</span> </a> <p> <small class=text-muted><div class=body role=main> <section id=web> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc02/> 2. ADO tutorial <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka04/> 4. W3C tutorial <span class="badge bg-primary rounded-pill">16</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc05/> 5. Data-structures <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh08/> 8. Scala <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka08/> 7. Bootstrap5 <span class="badge bg-primary rounded-pill">37</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc10/> 10. Markdown <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka10/> 9. Echarts <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc11/> 11. Maven <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka11/> 10. Font-awesome <span class="badge bg-primary rounded-pill">17</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc12/> 12. RDF tutorial <span class="badge bg-primary rounded-pill">11</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka14/> 13. Sass <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc15/> 15. XML Schema tutorial <span class="badge bg-primary rounded-pill">56</span> </a> </li> </ul> </div> </div> </div> <footer id=copyrights> <div class=container> <p>Powered by Django & PostgreSQL (with PostGIS)</p> </div> </footer>
< embed >
or . <p>The code for SVG can be embedded directly into the HTML page, or you can link directly to the SVG file.</p> <section id=embed><h2><span class=section-number> 1.4.1. </span> Use <code class="docutils literal notranslate"> <span class=pre> <embed> </span> </code> label <a title="Link to this heading" class=headerlink href=#embed> ¶ </a></h2><p><code class="docutils literal notranslate"> <span class=pre> <embed> </span> </code> :<ul class=simple><li><p>Advantages: all major browsers support it and allow scripting</p><li><p>Cons: not recommended for use in HTML4 and XHTML (but allowed in HTML5)</p></ul><p>Syntax:<div class="highlight-default notranslate"><div class=highlight><pre><span></span><span class=o><</span><span class=n>embed</span> <span class=n>src</span><span class=o>=</span><span class=s2>"circle1.svg"</span> <span class=nb>type</span><span class=o>=</span><span class=s2>"image/svg+xml"</span> <span class=o>/></span> </pre></div></div><p>Results:</section> <section id=object><h2><span class=section-number> 1.4.2. </span> Use <code class="docutils literal notranslate"> <span class=pre> <object>label <a title="Link to this heading" class=headerlink href=#object> ¶ </a> <p><code class="docutils literal notranslate"> <span class=pre> <object>: <ul class=simple><li><p>Advantages: all major browsers support HTML4,XHTML and HTML5 standards</p><li><p>Cons: scripts are not allowed.</p></ul> <p>Syntax:</p> <div class="highlight-default notranslate"><div class=highlight><pre><span></span><span class=o><</span><span class=nb>object</span> <span class=n>data</span><span class=o>=</span><span class=s2>"circle1.svg"</span> <span class=nb>type</span><span class=o>=</span><span class=s2>"image/svg+xml"</span><span class=o>><span class=nb>object</span><span class=o>></span> <p> Results: </p> <section id=iframe> <h2> <span class=section-number> 1.4.3. </span> Use <code class="docutils literal notranslate"> <span class=pre> <iframe> label <a title="Link to this heading" class=headerlink href=#iframe> ¶ </a> <p> <code class="docutils literal notranslate"> <span class=pre> <iframe> : <ul class=simple> <li> <p> Advantages: all major browsers support it and allow scripting </p> </li> <li> <p> Cons: not recommended for use in HTML4 and XHTML (but allowed in HTML5) </p> </li> </ul> <p> Syntax: </p> <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>iframe</span> <span class=n>src</span><span class=o>=</span><span class=s2>"circle1.svg"</span><span class=o>><span class=n>iframe</span><span class=o>></span> <p> Results: </p> <section id=htmlsvg> <h2> <span class=section-number> 1.4.4. </span> Embed SVG code directly in HTML <a title="Link to this heading" class=headerlink href=#htmlsvg> ¶ </a> </h2> <p> In Firefox, Internet Explorer9, Google Chrome, and Safari, you can embed SVGcode directly in HTML. </p> <section id=id1> <h3> Example <a title="Link to this heading" class=headerlink href=#id1> ¶ </a> </h3> <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>svgxmlns</span><span class=o>=</span><span class=s2>"http://www.w3.org/2000/svg"</span><span class=n>version</span><span class=o>=</span><span class=s2>"1.1"</span><span class=o>><</span><span class=n>circlecx</span><span class=o>=</span><span class=s2>"100"</span><span class=n>cy</span><span class=o>=</span><span class=s2>"50"</span><span class=n>r</span><span class=o>=</span><span class=s2>"40"</span><span class=n>stroke</span><span class=o>=</span><span class=s2>"black"</span><span class=n>stroke</span><span class=o>-</span><span class=n>width</span><span class=o>=</span><span class=s2>"2"</span><span class=n>fill</span><span class=o>=</span><span class=s2>"red"</span><span class=o>/><span class=n>svg</span><span class=o>></span> <section id=svg> <h2> <span class=section-number> 1.4.5. </span> Link to SVG file <a title="Link to this heading" class=headerlink href=#svg> ¶ </a> </h2> <p> You can also use the <code class="docutils literal notranslate"> <span class=pre> <a> tag link to an SVG file: link to a SVG file <p> You can also use the <code class="docutils literal notranslate"> <span class=pre> <a> the tag links to an SVG file: <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>a</span> <span class=n>href</span><span class=o>=</span><span class=s2>"circle1.svg"</span><span class=o>></span><span class=n>View</span> <span class=n>SVG</span> <span class=n>files</span><span class=o><span class=n>a</span><span class=o>></span> <p> Result: view SVG fil </p> <div class=panel-footer> <div class=row> <div class=col-sm-12 style=text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden> 文章链接 ： <a title="1.4. SVG is on the HTML page " class=text-primary href=/tutorial/k9130/>1.4. SVG is on the HTML page </a> </div> </div> </div> <div class=col-sm-3> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> <b>Web框架 </b> <span class="badge bg-primary rounded-pill">946</span> </a> <p> <small class=text-muted><div class=body role=main> <section id=web> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb01/> 1. Angularjs2 <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka01/> <b> 1. SVG tutorial </b> <span class="badge bg-primary rounded-pill">19</span> </a> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k8709/> 1.17. SVG gradient-Linear </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9773/> 1.20. SVG reference manual </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9855/> 1.14. SVG filter </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1447/> 1.5. SVG <rect> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k6587/> 1.18. SVG gradient-radioactivity </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1860/> 1.2. SVG introduction </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k3888/> 1.10. SVG <polyline> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1180/> 1.16. SVG Shadow </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k4187/> 1.19. SVG instance </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9319/> 1.8. SVG <line> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc01/> 1. Memcached <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh01/> 1. C# tutorial <span class="badge bg-primary rounded-pill">61</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd01/> 1. Sqlite <span class="badge bg-primary rounded-pill">47</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh02/> 2. Go <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd02/> 2. Docker <span class="badge bg-primary rounded-pill">59</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb02/> 2. Vue3 <span class="badge bg-primary rounded-pill">19</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka02/> 2. Servlet <span class="badge bg-primary rounded-pill">21</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb03/> 3. React <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka03/> 3. SOAP tutorial <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc03/> 3. Android <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd03/> 3. Mongodb <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh03/> 3. Kotlin <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh04/> 4. Lua <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd04/> 4. MySQL tutorial <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc04/> 4. Appml <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh05/> 5. Perl <span class="badge bg-primary rounded-pill">45</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd05/> 5. Postgresql <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka05/> web <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka06/> 5. Web Services tutorial <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh06/> 6. Ruby <span class="badge bg-primary rounded-pill">42</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc06/> 6. Design-pattern <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc07/> 7. Django <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh07/> 7. Rust <span class="badge bg-primary rounded-pill">22</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka07/> 6. WSDL tutorial <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc08/> 8. Foundation <span class="badge bg-primary rounded-pill">39</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc09/> 9. Ios <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka09/> 8. Css3 <span class="badge bg-primary rounded-pill">26</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh09/> 9. Swift <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka12/> 11. HTML tutorial-(HTML5 Standard) <span class="badge bg-primary rounded-pill">54</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka13/> 12. Http <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc13/> 13. Regex <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc14/> 14. Regexp <span class="badge bg-primary rounded-pill">8</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> 《地理信息系统原理、技术与方法》 <span class="badge bg-primary rounded-pill">97</span> </a> <p> <small class=text-muted><article class=bd-article> <section id=id1> <p> 最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。 </p> </section> </article></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k101/> 1. Introduction to geographic information system <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k102/> 2. From the Real World to the Bit World <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k103/> 3. Spatial Data Model <span class="badge bg-primary rounded-pill">7</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k104/> 4. 空间参照系统和 地图投影 <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k105/> 5. Data in GIS <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k106/> 6. Spatial data acquisition <span class="badge bg-primary rounded-pill">2</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k107/> 7. Spatial Data Management <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k108/> 8. Spatial analysis <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k109/> 9. 数字地形模型（ DTM ）与地形分析 <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k110/> 10. 空间建模与 空间决策支持 <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k111/> 11. Spatial data representation and map making <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k112/> 12. 3S Integration Technology <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k113/> 13. 网络地理信息系统 <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k114/> 14. Examples of Geographic Information System Application <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k115/> 15. Organization and Management of Geographic Information System Application Projects <span class="badge bg-primary rounded-pill">9</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k116/> 16. Geographic Information system Software Engineering Technology <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k117/> 17. Geographic Information System Standards <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k118/> 18. Geographic Information System and Society <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k119/> 19. Earth Information Science and Digital Earth <span class="badge bg-primary rounded-pill">3</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> WEB基础 <span class="badge bg-primary rounded-pill">289</span> </a> <p> <small class=text-muted><div class=body role=main> <section id=web> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc02/> 2. ADO tutorial <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka04/> 4. W3C tutorial <span class="badge bg-primary rounded-pill">16</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc05/> 5. Data-structures <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh08/> 8. Scala <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka08/> 7. Bootstrap5 <span class="badge bg-primary rounded-pill">37</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc10/> 10. Markdown <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka10/> 9. Echarts <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc11/> 11. Maven <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka11/> 10. Font-awesome <span class="badge bg-primary rounded-pill">17</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc12/> 12. RDF tutorial <span class="badge bg-primary rounded-pill">11</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka14/> 13. Sass <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc15/> 15. XML Schema tutorial <span class="badge bg-primary rounded-pill">56</span> </a> </li> </ul> </div> </div> </div> <footer id=copyrights> <div class=container> <p>Powered by Django & PostgreSQL (with PostGIS)</p> </div> </footer>
. <p>The code for SVG can be embedded directly into the HTML page, or you can link directly to the SVG file.</p> <section id=embed><h2><span class=section-number> 1.4.1. </span> Use <code class="docutils literal notranslate"> <span class=pre> <embed> </span> </code> label <a title="Link to this heading" class=headerlink href=#embed> ¶ </a></h2><p><code class="docutils literal notranslate"> <span class=pre> <embed> </span> </code> :<ul class=simple><li><p>Advantages: all major browsers support it and allow scripting</p><li><p>Cons: not recommended for use in HTML4 and XHTML (but allowed in HTML5)</p></ul><p>Syntax:<div class="highlight-default notranslate"><div class=highlight><pre><span></span><span class=o><</span><span class=n>embed</span> <span class=n>src</span><span class=o>=</span><span class=s2>"circle1.svg"</span> <span class=nb>type</span><span class=o>=</span><span class=s2>"image/svg+xml"</span> <span class=o>/></span> </pre></div></div><p>Results:</section> <section id=object><h2><span class=section-number> 1.4.2. </span> Use <code class="docutils literal notranslate"> <span class=pre> <object>label <a title="Link to this heading" class=headerlink href=#object> ¶ </a> <p><code class="docutils literal notranslate"> <span class=pre> <object>: <ul class=simple><li><p>Advantages: all major browsers support HTML4,XHTML and HTML5 standards</p><li><p>Cons: scripts are not allowed.</p></ul> <p>Syntax:</p> <div class="highlight-default notranslate"><div class=highlight><pre><span></span><span class=o><</span><span class=nb>object</span> <span class=n>data</span><span class=o>=</span><span class=s2>"circle1.svg"</span> <span class=nb>type</span><span class=o>=</span><span class=s2>"image/svg+xml"</span><span class=o>><span class=nb>object</span><span class=o>></span> <p> Results: </p> <section id=iframe> <h2> <span class=section-number> 1.4.3. </span> Use <code class="docutils literal notranslate"> <span class=pre> <iframe> label <a title="Link to this heading" class=headerlink href=#iframe> ¶ </a> <p> <code class="docutils literal notranslate"> <span class=pre> <iframe> : <ul class=simple> <li> <p> Advantages: all major browsers support it and allow scripting </p> </li> <li> <p> Cons: not recommended for use in HTML4 and XHTML (but allowed in HTML5) </p> </li> </ul> <p> Syntax: </p> <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>iframe</span> <span class=n>src</span><span class=o>=</span><span class=s2>"circle1.svg"</span><span class=o>><span class=n>iframe</span><span class=o>></span> <p> Results: </p> <section id=htmlsvg> <h2> <span class=section-number> 1.4.4. </span> Embed SVG code directly in HTML <a title="Link to this heading" class=headerlink href=#htmlsvg> ¶ </a> </h2> <p> In Firefox, Internet Explorer9, Google Chrome, and Safari, you can embed SVGcode directly in HTML. </p> <section id=id1> <h3> Example <a title="Link to this heading" class=headerlink href=#id1> ¶ </a> </h3> <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>svgxmlns</span><span class=o>=</span><span class=s2>"http://www.w3.org/2000/svg"</span><span class=n>version</span><span class=o>=</span><span class=s2>"1.1"</span><span class=o>><</span><span class=n>circlecx</span><span class=o>=</span><span class=s2>"100"</span><span class=n>cy</span><span class=o>=</span><span class=s2>"50"</span><span class=n>r</span><span class=o>=</span><span class=s2>"40"</span><span class=n>stroke</span><span class=o>=</span><span class=s2>"black"</span><span class=n>stroke</span><span class=o>-</span><span class=n>width</span><span class=o>=</span><span class=s2>"2"</span><span class=n>fill</span><span class=o>=</span><span class=s2>"red"</span><span class=o>/><span class=n>svg</span><span class=o>></span> <section id=svg> <h2> <span class=section-number> 1.4.5. </span> Link to SVG file <a title="Link to this heading" class=headerlink href=#svg> ¶ </a> </h2> <p> You can also use the <code class="docutils literal notranslate"> <span class=pre> <a> tag link to an SVG file: link to a SVG file <p> You can also use the <code class="docutils literal notranslate"> <span class=pre> <a> the tag links to an SVG file: <div class="highlight-default notranslate"> <div class=highlight> <pre><span></span><span class=o><</span><span class=n>a</span> <span class=n>href</span><span class=o>=</span><span class=s2>"circle1.svg"</span><span class=o>></span><span class=n>View</span> <span class=n>SVG</span> <span class=n>files</span><span class=o><span class=n>a</span><span class=o>></span> <p> Result: view SVG fil </p> <div class=panel-footer> <div class=row> <div class=col-sm-12 style=text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden> 文章链接 ： <a title="1.4. SVG is on the HTML page " class=text-primary href=/tutorial/k9130/>1.4. SVG is on the HTML page </a> </div> </div> </div> <div class=col-sm-3> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> <b>Web框架 </b> <span class="badge bg-primary rounded-pill">946</span> </a> <p> <small class=text-muted><div class=body role=main> <section id=web> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb01/> 1. Angularjs2 <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka01/> <b> 1. SVG tutorial </b> <span class="badge bg-primary rounded-pill">19</span> </a> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k8709/> 1.17. SVG gradient-Linear </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9773/> 1.20. SVG reference manual </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9855/> 1.14. SVG filter </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1447/> 1.5. SVG <rect> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k6587/> 1.18. SVG gradient-radioactivity </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1860/> 1.2. SVG introduction </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k3888/> 1.10. SVG <polyline> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k1180/> 1.16. SVG Shadow </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k4187/> 1.19. SVG instance </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a class=text-decoration-none href=/tutorial/k9319/> 1.8. SVG <line> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc01/> 1. Memcached <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh01/> 1. C# tutorial <span class="badge bg-primary rounded-pill">61</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd01/> 1. Sqlite <span class="badge bg-primary rounded-pill">47</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh02/> 2. Go <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd02/> 2. Docker <span class="badge bg-primary rounded-pill">59</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb02/> 2. Vue3 <span class="badge bg-primary rounded-pill">19</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka02/> 2. Servlet <span class="badge bg-primary rounded-pill">21</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kb03/> 3. React <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka03/> 3. SOAP tutorial <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc03/> 3. Android <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd03/> 3. Mongodb <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh03/> 3. Kotlin <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh04/> 4. Lua <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd04/> 4. MySQL tutorial <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc04/> 4. Appml <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh05/> 5. Perl <span class="badge bg-primary rounded-pill">45</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kd05/> 5. Postgresql <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka05/> web <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka06/> 5. Web Services tutorial <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh06/> 6. Ruby <span class="badge bg-primary rounded-pill">42</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc06/> 6. Design-pattern <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc07/> 7. Django <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh07/> 7. Rust <span class="badge bg-primary rounded-pill">22</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka07/> 6. WSDL tutorial <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc08/> 8. Foundation <span class="badge bg-primary rounded-pill">39</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc09/> 9. Ios <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka09/> 8. Css3 <span class="badge bg-primary rounded-pill">26</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh09/> 9. Swift <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka12/> 11. HTML tutorial-(HTML5 Standard) <span class="badge bg-primary rounded-pill">54</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka13/> 12. Http <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc13/> 13. Regex <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc14/> 14. Regexp <span class="badge bg-primary rounded-pill">8</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> 《地理信息系统原理、技术与方法》 <span class="badge bg-primary rounded-pill">97</span> </a> <p> <small class=text-muted><article class=bd-article> <section id=id1> <p> 最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。 </p> </section> </article></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k101/> 1. Introduction to geographic information system <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k102/> 2. From the Real World to the Bit World <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k103/> 3. Spatial Data Model <span class="badge bg-primary rounded-pill">7</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k104/> 4. 空间参照系统和 地图投影 <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k105/> 5. Data in GIS <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k106/> 6. Spatial data acquisition <span class="badge bg-primary rounded-pill">2</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k107/> 7. Spatial Data Management <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k108/> 8. Spatial analysis <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k109/> 9. 数字地形模型（ DTM ）与地形分析 <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k110/> 10. 空间建模与 空间决策支持 <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k111/> 11. Spatial data representation and map making <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k112/> 12. 3S Integration Technology <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k113/> 13. 网络地理信息系统 <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k114/> 14. Examples of Geographic Information System Application <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k115/> 15. Organization and Management of Geographic Information System Application Projects <span class="badge bg-primary rounded-pill">9</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k116/> 16. Geographic Information system Software Engineering Technology <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k117/> 17. Geographic Information System Standards <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k118/> 18. Geographic Information System and Society <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/k119/> 19. Earth Information Science and Digital Earth <span class="badge bg-primary rounded-pill">3</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm"> <div class=card-header> <a class="d-flex align-items-center text-decoration-none"> WEB基础 <span class="badge bg-primary rounded-pill">289</span> </a> <p> <small class=text-muted><div class=body role=main> <section id=web> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc02/> 2. ADO tutorial <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka04/> 4. W3C tutorial <span class="badge bg-primary rounded-pill">16</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc05/> 5. Data-structures <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kh08/> 8. Scala <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka08/> 7. Bootstrap5 <span class="badge bg-primary rounded-pill">37</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc10/> 10. Markdown <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka10/> 9. Echarts <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc11/> 11. Maven <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka11/> 10. Font-awesome <span class="badge bg-primary rounded-pill">17</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc12/> 12. RDF tutorial <span class="badge bg-primary rounded-pill">11</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/ka14/> 13. Sass <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a class=text-decoration-none href=/catalog/kc15/> 15. XML Schema tutorial <span class="badge bg-primary rounded-pill">56</span> </a> </li> </ul> </div> </div> </div> <footer id=copyrights> <div class=container> <p>Powered by Django & PostgreSQL (with PostGIS)</p> </div> </footer>