SVG精髓读书记录-ch1

原创 2018年04月15日 18:20:10
一个感觉是,矢量图像是描边而栅格图形是涂像素点。

<line>画直线

使用<use>复用分组并可用transform转换。translate平移,scale缩放

<polyline>折线
<path>路径

<text>文本

第一章实例:

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="148" height="170" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
<title>cat</title>
    <desc>stick figure od a cat</desc>
    <!--在此处绘制图像-->
    <circle cx="70" cy="95" r="50" style="stroke:black; fill:none"></circle>
    <circle cx="55" cy="80" r="5" style="stroke:black fill:#339933"></circle>
    <circle cx="85" cy="80" r="5" style="stroke:black fill:#339933"></circle>
    <g id="whiskers">
        <line x1="75" y1="95" x2="135" y2="85" style="stroke:black"></line>
        <line x1="75" y1="95" x2="135" y2="105" style="stroke:black"></line>
    </g>
    <use xlink:href="#whiskers" transform="scale(-1 1) translate(-140 0)"></use>
    
    <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62" style="stroke:black; fill:none"></polyline>
    <polyline points="35 110,45 120, 95 120,105,110" style="stroke:red;fill:none;"></polyline>
    
    <path d="M 75 90 L 65 90 A 5 10 0 0 0 75 90" style="stroke:black;fill:#ffcccc"></path>
    
    <text x="60" y="165" style="font-family:sans-serif; font-size:14pt;stroke:none;fill:black;">cat</text>
</svg>

SVG精髓-笔记与实践

笔记链接:http://f5528907.wiz03.com/share/s/3RkEA70XbA2d2jbjQh1dHWIp3APUr93rFQYZ2srCaU2YDjgc 在网页中使用svg ...
  • qq_14863671
  • qq_14863671
  • 2017年12月21日 18:16
  • 94

读《About Face 4 交互设计精髓》5

第4章 设立愿景 场景和设计需求 就是通过前面的工作来制订设计方案 基于场景的设计 基于人物模型的场景 三类场景 设计需求不是特性 设计需求不是规格说明 设计需求是战略性的 设...
  • wide288
  • wide288
  • 2016年08月13日 22:10
  • 682

svg移动端粗糙手指划过痕迹

html:
  • sinat_22032171
  • sinat_22032171
  • 2017年04月08日 13:35
  • 605

PMBOK 学习笔记2-组织的影响

    影响项目的因素有很多,组织的影响就是一个重要的方面, 有的时候项目中会有噪音,会有抱怨,认为公司政治太多;有的时候一个新来的项目经理,有着辉煌的过去,但是在新公司主持新项目就是磕磕绊绊。   ...
  • iright
  • iright
  • 2007年06月15日 11:08
  • 2280

记录软件帮助很大---写给2018年1月的自己

有时候我回头会问自己,为什么能坚持一些事情,比如读书、跑步,记录软件功不可没。人都会有惰性,让外力来帮助自己坚持更容易。介绍几款现在常用的记录软件。1、读书软件的选取:从考虑实惠到深陷其中。    我...
  • PbGc396Dwxjb77F2je
  • PbGc396Dwxjb77F2je
  • 2018年02月02日 00:00
  • 165

STM8 tim1 ch1 PWM输出

// 函数功能:初始化定时器1 的通道1,用于控制LED 的亮度 // 输入参数:无 // 输出参数:无 // 返回值:无 // 备注:无 void Tim1_Init() {     ...
  • wxhjk
  • wxhjk
  • 2013年11月13日 11:35
  • 2382

我的阅读清单

学习是一个长期的旅程,在此记录一下我的阅读清单。 在读的书 重构 改善既有代码的设计设计模式 可复用面向对象软件的基础高性能MySQL第3版 已读的书 Effective Java第1版Ef...
  • mhmyqn
  • mhmyqn
  • 2015年09月15日 21:49
  • 1387

Spring精髓 15分钟搞明白

几年的学校和工作项目开发过程中,spring一直伴随左右。   在实际的开发中,我们反复尽量避免尽量降低对象间的依赖关系即耦合度。但是如何才能作到呢? 通常的业务对象之间都是依赖关系的,业务对象与业务...
  • zhiguozhu
  • zhiguozhu
  • 2010年01月03日 15:09
  • 1846

读书记录与观后感

前言: 记录下我的部分阅读经历和读后感,给有需要的人指引一些方向,少走弯路. 2017: 1.医疗卫生信息标准化技术:  因为我司是医疗行业,有幸得到总监给与的这本"秘籍". 技术服务于业务,盲目追求...
  • lc0817
  • lc0817
  • 2017年02月10日 23:51
  • 366

java的精髓要点!

好了,  那么我书也看了,程序也做了,别人问我的问题我都能解决了,是不是就成为高手了呢?当然没那么简单,这只是万里长征走完了第一步。不信?那你出去接一个项目,你知道怎么下手吗,你知道怎么设计吗,你知道...
  • u012402926
  • u012402926
  • 2016年03月22日 16:42
  • 903
收藏助手
不良信息举报
您举报文章:SVG精髓读书记录-ch1
举报原因:
原因补充:

(最多只允许输入30个字)