All Projects → misakuo → Svgtoandroid

misakuo / Svgtoandroid

Licence: mit
IDE plugin to converting SVG to VectorDrawable

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Svgtoandroid

Rust Skia
Safe Skia Bindings for Rust
Stars: ✭ 450 (-12.62%)
Mutual labels:  svg
Azure Design
Here you will find my complete Azure Visio Stencil and bonus SVG and PNG versions for all of the Azure Service and configuration items.
Stars: ✭ 470 (-8.74%)
Mutual labels:  svg
Svg Inline Loader
Inline SVG loader with cleaning-up functionality
Stars: ✭ 490 (-4.85%)
Mutual labels:  svg
Cairosvg
Convert your vector images
Stars: ✭ 453 (-12.04%)
Mutual labels:  svg
Font Spider
Smart webfont compression and format conversion tool
Stars: ✭ 4,550 (+783.5%)
Mutual labels:  svg
Elm Charts
Create SVG charts in Elm.
Stars: ✭ 482 (-6.41%)
Mutual labels:  svg
Svgedit
Powerful SVG-Editor for your browser
Stars: ✭ 4,674 (+807.57%)
Mutual labels:  svg
Inline svg
Embed SVG documents in your Rails views and style them with CSS
Stars: ✭ 510 (-0.97%)
Mutual labels:  svg
Canvas2svg
Translates HTML5 Canvas draw commands to SVG
Stars: ✭ 467 (-9.32%)
Mutual labels:  svg
Sketch N Sketch
Direct Manipulation Programming for HTML/SVG
Stars: ✭ 490 (-4.85%)
Mutual labels:  svg
Radiance
Building modern, elegant and fast Swing applications
Stars: ✭ 458 (-11.07%)
Mutual labels:  svg
Badgen
Fast handcraft svg badge generator.
Stars: ✭ 464 (-9.9%)
Mutual labels:  svg
Datav
Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
Stars: ✭ 5,916 (+1048.74%)
Mutual labels:  svg
Wavedrom.github.io
Digital timing diagram editor
Stars: ✭ 453 (-12.04%)
Mutual labels:  svg
Imagemin
[Unmaintained] Minify images seamlessly
Stars: ✭ 4,948 (+860.78%)
Mutual labels:  svg
Feather
Simply beautiful open source icons
Stars: ✭ 21,029 (+3983.3%)
Mutual labels:  svg
Github Corners
A fresher "Fork me on GitHub" callout.
Stars: ✭ 4,583 (+789.9%)
Mutual labels:  svg
Vue Svg Loader
🔨 webpack loader that lets you use SVG files as Vue components
Stars: ✭ 514 (-0.19%)
Mutual labels:  svg
Billboard.js
📊 Re-usable, easy interface JavaScript chart library based on D3.js
Stars: ✭ 5,032 (+877.09%)
Mutual labels:  svg
Miaou
A chat server with OAuth2 authentication, persistent and searchable history, video and audio, markdown formatting, private and public rooms, stars, votes, embedded games, and many other features
Stars: ✭ 486 (-5.63%)
Mutual labels:  svg

SVG2VectorDrawable Build Status

Android Arsenal

README: 中文 | English

DEPRECATED

Please using the Asset Studio instead. 20201103111801.jpg

简介

Intellij Platform插件,通过其可以完成从svg文件到Android VectorDrawable的自动化转换。

特性

  • 图形化界面
  • 自动解析当前Project,如果当前Project为Android Project,则会列出所有Module
  • 支持将SVG解析为多种dpi的VectorDrawable
  • 支持SVG的transform属性
  • 支持批量转换指定目录内的所有svg文件

属性对应表

SVG Attribute VectorDrawable Attribute
id android:name
fill android:fillColor
fill-opacity android:fillAlpha
fill-rule android:fillType
stroke android:strokeColor
stroke-opacity android:strokeAlpha
stroke-width android:strokeWidth
stroke-linejoin android:strokeLineJoin
stroke-miterlimit android:strokeMiterLimit
stroke-linecap android:lineCap
transform android:{scaleX/Y | translateX/Y | pivotX/Y | rotation}

使用

安装

本插件支持Intellij IDEA和Android Studio,需要JDK版本1.6+

通过本地jar文件安装

从此处 下载svg2android.zip 文件,在IDE中打开 Preferences -> Plugins -> Install plugin from disk... 选择 svg2android.zip ,添加后重启IDE

通过插件仓库在线安装

在IDE中打开Preferences -> Plugins -> Browse Repositories,搜索SVG2VectorDrawable,安装插件并重启IDE

界面

img1

用法

GUI模式

settings

  • 点击···按钮,选择一个SVG源文件,或勾选batch,并点击···选择一个包含svg文件的目录
  • 在第一个下拉选框中选中要生成xml文件的module,在第二个选框中选择生成的VectorDrawable的分辨率
  • 填入生成xml文件的文件名,默认为vector_drawable_ + SVG文件的名称
  • 点击Generate,插件会生成出VectorDrawable并在编辑器中打开(默认覆盖同名文件)

注意:在module中已存在的分辨率目录为黑色字体,未存在的目录为灰色字体,如果选中不存在的目录,则插件会自动生成该目录。

Generate模式

settings

  • 在任意代码编辑器窗口中呼出Generate菜单(例如macOS默认是control+enter)
  • 选择VectorDrawable,插件会将指定目录中的所有svg文件转换到当前module的drawable目录中(默认跳过同名文件)

设置项

打开Prefreences -> Other Settings,选择SVG to VectorDrawable,打开设置面板

settings

  • SVG source: 设置存放svg文件的默认目录,在Generate模式中将会从该目录获取svg文件
  • Xml prefix: 设置生成的xml文件名的默认前缀
  • Auto check for update: 勾选后在每次打开GUI的时候会进行自动版本更新检查操作
  • Override the existing xml file when generating: 勾选后在生成过程中将会覆盖已存在的同名文件

更新日志

1.5

支持fill-rule属性(该属性目前仅被API 24+支持)
添加Generate模式
支持批量生成

1.4.2

针对Sketch导出的SVG文件做了优化

1.4.1

代码优化,更换新Icon

1.4.0

支持“transform”属性

Early

创建项目,bug fix

欢迎提交Issue和PR


Reference: svg2vectordrawable

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].