SVG的引用

来源：互联网发布：快速瘦大腿知乎编辑：程序博客网时间：2024/06/03 03:58

svg是基于xml的技术，生成的是矢量图

一独立svg文件

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="40" fill="red"></circle></svg>

二引入外部svg文件

img标签
元素background属性
iframe标签

<img src="peo.svg"><div style="background: url(peo.svg);width:200px;height:200px;"></div><iframe src="peo.svg"></iframe>

三内置svg

<div><svg xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="40" fill="red"></circle></svg></div>

var str="www.baidu.com";console.log(str.split(".")); //["www","baidu","com"]，分割符为"."var str2="lemon"console.log(str2.split()); //["lemon"]，没有分割符，将整个字符串视为一个整体console.log(str2.split("")); //["l","e","m","o","n"]，分隔符为""，分割每一个字符console.log(str2.split("",3)); //["l","e","m"]，分割每一个字符，取数组结果的前3个var str3="/lemon/"console.log(str3.split("/")); //["","lemon",""]，当分隔符处于首尾时，会产生空字符串

阅读全文

0 0