All Projects → chokcoco → Svg

chokcoco / Svg

SVG奇思妙想

Labels

Projects that are alternatives of or similar to Svg

React Simple Maps
Beautiful React SVG maps with d3-geo and topojson using a declarative api.
Stars: ✭ 2,360 (+987.56%)
Mutual labels:  svg
Shields
Concise, consistent, and legible badges in SVG and raster format
Stars: ✭ 15,716 (+7142.4%)
Mutual labels:  svg
React Svg Buttons
React configurable animated svg buttons
Stars: ✭ 209 (-3.69%)
Mutual labels:  svg
Animating Vue Workshop
Animated Interfaces with Vue.js Workshop Materials
Stars: ✭ 195 (-10.14%)
Mutual labels:  svg
Svg Patterns
SVG patterns for Data Visualization.
Stars: ✭ 201 (-7.37%)
Mutual labels:  svg
Small N Flat
svg icons on a 24px grid
Stars: ✭ 205 (-5.53%)
Mutual labels:  svg
Free Gophers Pack
✨ This pack of 100+ gopher pictures and elements will help you to build own design of almost anything related to Go Programming Language: presentations, posts in blogs or social media, courses, videos and many, many more.
Stars: ✭ 2,343 (+979.72%)
Mutual labels:  svg
Kld Intersections
A library of intersection algorithms covering all SVG shape types
Stars: ✭ 214 (-1.38%)
Mutual labels:  svg
Snap.svg
The JavaScript library for modern SVG graphics.
Stars: ✭ 13,346 (+6050.23%)
Mutual labels:  svg
Fonteditor Core
fonteditor core functions
Stars: ✭ 207 (-4.61%)
Mutual labels:  svg
Vue Awesome
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
Stars: ✭ 2,302 (+960.83%)
Mutual labels:  svg
Svg Text Animate
A Javascript library for convert texts to SVG stroke animations in the browser.
Stars: ✭ 197 (-9.22%)
Mutual labels:  svg
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (-5.53%)
Mutual labels:  svg
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (-11.06%)
Mutual labels:  svg
Contrast Swatch
🅰️ Image microservice for color contrast information
Stars: ✭ 210 (-3.23%)
Mutual labels:  svg
Jim Knopf
⭕️ small JavaScript library to create knobs using SVG
Stars: ✭ 193 (-11.06%)
Mutual labels:  svg
Visualizer
UI-Router state visualizer and transition visualizer
Stars: ✭ 205 (-5.53%)
Mutual labels:  svg
React Sigma
Lightweight React library for drawing network graphs built on top of SigmaJS
Stars: ✭ 217 (+0%)
Mutual labels:  svg
Ng Inline Svg
[Inactive] Angular directive for inserting an SVG file inline within an element.
Stars: ✭ 211 (-2.76%)
Mutual labels:  svg
Svgbob
Convert your ascii diagram scribbles into happy little SVG
Stars: ✭ 3,031 (+1296.77%)
Mutual labels:  svg

SVG 奇思妙想

使用 SVG 标签或是CSS属性 clip-path 创建的图形

Demo link Description
SVG奇思妙想 使用 SVG or clip-path 创建的图形
CSS奇思妙想 CSS3奇思妙想,单标签实现各类图形

由于部分图形使用了 clip-path ,兼容性问题,请使用 Chrome 浏览器浏览。

使用svg 绘制各类统计图形

使用 svg 标签绘制各类百分比图、饼图、loading 图。

loading 图

loading 图

饼图

饼图

百分比图

百分比图

 百分比图

License

MIT

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].