BGJar:免费线上 SVG 背景图片产生器

位图是由点构成的,而矢量图形则是由一些形状元素所构成,因此在放大后,位图的点就会越明显,看起来就像打了马赛克,但放大矢量图看到的仍然是形状,因此能够无级缩放,而不会导致图形失真。

在现在屏幕尺寸多元的情况下,如果要在网页、应用程序中使用背景图,使用 SVG 的图片文件格式,将会是个不错的解决方案,BGJar这个线上的应用程序准备了一些 SVG 模板,供使用者可自行调整模板的长宽、颜色、渐层的比例与方向,在完成调整后,不但可下载图片文件外亦提供原始代码、数据 URI 及 CSS 供用户来取用。

如何使用 BGJar 产生 SVG 图片文件?

1.使用浏览器进入BGJar网站,便可以选择所需模板,点击[Customize ]便可进入调整页面。

BGJar:免费线上 SVG 背景图片产生器

2.以 Word Map 模板为例,用户可自行调整长、宽、颜色辑要显示的地区及其颜色等。

BGJar:免费线上 SVG 背景图片产生器

3.颜色及渐层方向调整。

BGJar:免费线上 SVG 背景图片产生器

4.点击[ Add Active Area ]可以调整要显示的区域。

BGJar:免费线上 SVG 背景图片产生器

5.完成调整,点击[ Download ]可以下载 SVG 图片文件;按[ Get Code ]可取得使用语法。

BGJar:免费线上 SVG 背景图片产生器