首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

免费的SVG图案工具网站 - SVGgeneration

免费的SVG图案工具网站 - SVGgeneration

SVG是一种非常灵活的文件格式,可以方便的缩放,操作,并且被所有的主流浏览器支持。

SVGeneration是一个可以帮助你创建SVG文件的拥有丰富特性的网站,制作的SVG文件可以方便的整合到我们的项目中。

站内目前拥有很多不同的图形,并且我们也可以自由的贡献自己的图片内容,通过web的编辑器所有的图形文件都可以自定义(例如,颜色,尺寸),并且可以自动生成SVG + CSS代码。

网站地址: http://www.svgeneration.com/

标签: svg, SVGgeneration

阅读更多

HTML5/CSS3系列教程:使用SVG图片

HTML5/CSS3系列教程:使用SVG图片

在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG

SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!

为什么使用SVG?

  • 文件非常小
  • 能够无损失的缩放尺寸
  • 在Retina显示屏上效果超棒
  • 能够控制图片样式设计,例如互动和过滤filter

浏览器支持

  • IE8及其更低版本不支持
  • Android 2.3及其更低版本不支持
  • 其它浏览器都支持

如果你需要支持这些版本的浏览器的话,你可以使用Modernizr,如下:

if (!Modernizr.svg) {
  $(".gblogo img").attr("src", "images/logo.png");
}

或者使用如下更简单的代码:

<img src="gblogo.svg"…

标签: html5, svg, scalable-vector

阅读更多

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

jQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件,使得jQuery框架如此的成功和流行。随着HTML5,CSS3的发展,javascript在web开发中慢慢变得更加强大,并且更加的可控。在今天的这篇文章中,我们将介绍10款帮助你构建完美UI,特效和动画的jQuery插件。希望大家能够喜欢!

Percentage loader

在我们以前的文章中我们介绍过这个canvas实现的强大进度条,它拥有性感迷人的UI界面,并且能够提供给你方便的callback方法处理进度。相信大家一定会喜欢!

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Knob

Knob是另外一个超棒的旋钮式的UI组件,能够帮助你创建音响上的按钮效果。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Real Shadow

使用这个插件,能够帮助你实现实时的阴影效果,而且能够产生动态阴影变化和颜色。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Photon

一个帮助你实现3D光线效果的引擎。绝对让你震撼!

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

jSignature

一个帮助你创建签名的jQuery插件,允许你的用户使用鼠标,手指或者铅笔生成签名。…

标签: jQuery plugin, jQuery插件, canvas, svg, css3

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐