07 2018 档案

SVG之图形的引用use、剪切clipPath和蒙板mask
摘要：一、使用<use>标签实现图形的引用 当我们在使用SVG绘制图形时，有时候会出现大量重复图形，这个时候我们就可以使用<use>标签进行图形引用，相当于图形的克隆。<use>标签在SVG文档内取得目标节点，并在别的地方复制它们。它的效果等同于这些节点被深克隆到一个不可见的DOM中，然后将其粘贴到use 阅读全文
posted @ 2018-07-30 11:14 风之之 阅读(2491) 评论(1) 推荐(1)
SVG之文本
摘要：一、文本标签<text> SVG支持直接对文本进行操作，如果我们需要在SVG中使用文本，那么我们需要使用到<text>标签。直接看一个简单的demo。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>text 阅读全文
posted @ 2018-07-03 15:24 风之之 阅读(5038) 评论(0) 推荐(0)
SVG之Path
摘要：一、Path概述 1、控制命令 SVG提供了一些基础图形元素标签如<circle>、<rect>、<ellipse>、<line>、<polyline>等，但是如果我们想要绘制一些特别的形状，比如一些曲线，那么我们就需要使用<path>标签，即路径标签。如果你足够熟练<path>，你可以使用它绘制任 阅读全文
posted @ 2018-07-01 16:11 风之之 阅读(2528) 评论(0) 推荐(0)