html - 文章分类 - 苏荷酒吧

摘要：HTML5 <video> 标签定义了一个视频或者影片. <video> 元素在所有现代浏览器中都支持。阅读全文

posted @ 2016-06-23 11:18 苏荷酒吧阅读(115) 评论(0) 推荐(0) 编辑

摘要：1、去官网下载nodejs https://nodejs.org/en/download/ 2、使用nodejs下载cordova或者PhoneGap 在控制台运行命令： npm install -g phonegap ( Mac使用: sudo npm install -g phonegap ) 阅读全文

posted @ 2016-01-25 22:21 苏荷酒吧阅读(114) 评论(0) 推荐(0) 编辑

svg基础---蒙版

摘要：这个SVG文字遮罩效果的思路是在文字下面放一张图片，然后通过CSS使文字以外的区域不可见。如果单纯的使用HTML代码来完成这种效果，只有使用像Flash/Silverlight之类的工具。而使用SVG来制作则可以十分轻松的完成第一种是使用CSS来制作。通过CSS的mask属性也可以实现文字遮罩效果：... 阅读全文

posted @ 2015-09-25 11:39 苏荷酒吧阅读(725) 评论(0) 推荐(0) 编辑

SVG基础----SVG动画-SMIL（二）

该文被密码保护。

posted @ 2015-09-11 17:36 苏荷酒吧阅读(1) 评论(0) 推荐(0) 编辑

SVG基础----SVG动画-SMIL（一）

该文被密码保护。

posted @ 2015-09-11 17:21 苏荷酒吧阅读(3) 评论(0) 推荐(0) 编辑

SVG基础----SVG坐标系统和图形转换

摘要：1、坐标系统一个普通的笛卡尔坐标系统的坐标原点(0,0)位于左下角位置，X轴方向上向右是正值，向左是负值。Y轴方向上向上是正值，向下是负值而SVG的坐标系统坐标原点位于左上角，X轴和笛卡尔坐标系的X轴相同，但是Y轴则刚好相反，如果SVG中点或图形数值增加时往下增长，而不是往上2、TRANSFORM属... 阅读全文

posted @ 2015-09-11 16:29 苏荷酒吧阅读(1578) 评论(0) 推荐(0) 编辑

SVG基础----SVG VIEWPORT、VIEW BOX和PRESERVEASPECTRATIO

该文被密码保护。

posted @ 2015-09-10 17:07 苏荷酒吧阅读(2) 评论(0) 推荐(0) 编辑

SVG基础----SVG图形填充颜色

摘要：SVG的填充是指在图形的描边内部填充指定的颜色1、填充颜色 2、填充和描边 3、填充色透明度fill-opacityCSS属性用于设置SVG图形的填充色透明度4、填充规则fill-rule属性用于决定复杂的图形如何进行填充。fill-rule属性有两个可选值：nonzeroevenodd... 阅读全文

posted @ 2015-09-10 15:52 苏荷酒吧阅读(2535) 评论(0) 推荐(0) 编辑

SVG基础----SVG图形描边

摘要：SVG的描边属性stroke用于定义图形的描边样式1、描边示例可以在SVG图形中使用style属性来为图形设置描边和填充等样式 2、描边宽度可以使用stroke-widthCSS属性来为图形的描边设置宽度 3、描边的线头stroke-linecapCSS属性用于定... 阅读全文

posted @ 2015-09-10 15:32 苏荷酒吧阅读(920) 评论(0) 推荐(0) 编辑

SVG基础----SVG和CSS级联样式表

摘要：可以在SVG上设置的CSS属性。并不是所有的元素都可以使用这些属性1、图形的css属性CSS属性描述fill设置图形的填充颜色fill-opacity设置图形填充颜色的透明度fill-rule设置图形的填充规则marker设置这个图形上沿直线（边）使用的markermarker-start设置这个图... 阅读全文

posted @ 2015-09-10 12:01 苏荷酒吧阅读(217) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG PATH元素

摘要：1、PATH元素SVG的元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。所有的这些绘制工作都是在元素中通过d属性来完成的。属性包含了一些用于绘制的命令。在上面的例子中，M命令代表“Move to”（移动到）的意思。A命令代表一个“ar... 阅读全文

posted @ 2015-09-09 18:11 苏荷酒吧阅读(1578) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG DEFS元素、SYMBOL元素和USE元素

摘要：1、DEFS元素SVG的元素用于预定义一个元素使其能够在SVG图像中重复使用。例如你可以将一些图形制作为一个组，并用元素来定义它，然后你就可以在SVG图像中将它当做简单图形来重复使用。在元素中定义的图形不... 阅读全文

posted @ 2015-09-09 16:39 苏荷酒吧阅读(413) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG图片

摘要：使用元素你可以将一张位图绘制在SVG图像上面元素的浏览器兼容性如下Chrome 1.0+Firefox (Gecko) 1.8+Internet Explorer 9.0+Opera 8.0+Safari 3.0.4+Android 3.0+Firefox Mobile (Gecko) 1.8... 阅读全文

posted @ 2015-09-09 15:56 苏荷酒吧阅读(178) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG文字

摘要：1、绘制文字这是SVG文字SVG文字的位置有元素的x和y属性来决定。x属性决定文字的左边部位置（文字的开始位置），y属性决定文字的下边部位置（注意这里不是上边部）这是SVG文字这是SVG文字这是SVG文字文字的anchor决定哪个部分的文字放置在text元素中的x属性... 阅读全文

posted @ 2015-09-09 15:38 苏荷酒吧阅读(924) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG直线

摘要：1、绘制直线x1和y1属性用于指定直线的起点，x2和y2属性用于指定直线的终点。可以使用style属性来为直线设置颜色和描边宽度。 2、绘制折线元素用于绘制SVG折线。 3、折线描边 4、绘制多边形元素用于绘制SVG多边形阅读全文

posted @ 2015-09-09 11:38 苏荷酒吧阅读(942) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG圆形

摘要：1、绘制圆形 2、圆形描边可以在样式中使用stroke属性来设置SVG圆形的描边属性，使用stroke-width设置描边的宽度可以使用stroke-dasharray属性来实现圆形的虚线描边效果可以将圆形的描边移除，只需要将它设置为none即可可以使用fill-opa... 阅读全文

posted @ 2015-09-09 11:12 苏荷酒吧阅读(743) 评论(0) 推荐(0) 编辑

SVG基础----绘制SVG矩形

摘要：1、绘制svg矩形注：SVG矩形的位置由x和y属性决定。请记住，这个位置是相对于任何它最接近的父元素的位置。 SVG矩形的尺寸由width和height属性决定。2、圆角矩形也可以绘制圆角的SVG矩形。rx和ry属性用于决定矩形圆角的大小。rx属性决定圆角的宽度，ry属性则决定圆角的高度... 阅读全文

posted @ 2015-09-09 10:14 苏荷酒吧阅读(877) 评论(0) 推荐(0) 编辑

文章分类 - html

搜索

常用链接

随笔分类

随笔档案

文章分类

相册

阅读排行榜