orgordin / vuejs-avataaars Goto Github PK
View Code? Open in Web Editor NEWSimple avatar generator Vue component for avataaars.
License: MIT License
Simple avatar generator Vue component for avataaars.
License: MIT License
This component is missing the export option...
Occasionally my avatar would not render any clothing. I believe removing '|| Math.random() >= 0.7' in Avataaars.vue on line 70 fixed it for me.
Also, BlazerShirt was missing the shirt but changing clothes.js line 8 from 'path1' to 'BlazerShirt-path1' fixed the issue for me.
Thanks for your work!
How can we get .svg file, then able to push to backend services?
The component doesn't render properly in Firefox. In fact, it is HUGE. It's nested within a vuetify v-btn component, but other than than, there's nothing special about it and it works fine in Edge and Chrome.
How can I get the current options value of random avatar?
I wanna save the current options of random avatar for later use.
is it possible to generate the avatar locally without relaying on https://avataaars.io
Hi, cool library!
Does this library expose the ability to generate the same avatar for the same input every single time? I couldn't do this on the demo.
When i change a property in the avatar the shirt is chosen randomly, even when i set one.
The HairColor setting seems only to affect the TopType's color if TopType is not set to some "Hat" form but for Hair only. If set to a Hat type, then the HairColor setting has no affect on the Hat Color but is randomly chosen.
So should HairColor also set the Color of the chosen Hat from TopTypes? Otherwise there seems no way to save a color for a hat from TopTypes. Thanks.
This doesn't appear to function with vue 3.0. I believe the issue is related to this - From the documentation:
Render Function Argument
2.x Syntax
In 2.x, the render function would automatically receive the h function (which is a conventional alias for createElement) as an argument:
// Vue 2 Render Function Example
export default {
render(h) {
return h('div')
}
}
3.x Syntax
In 3.x, h is now globally imported instead of being automatically passed as an argument.
// Vue 3 Render Function Example
import { h } from 'vue'
export default {
render() {
return h('div')
}
}
Is there a way that I can set the avataaar to have no circle (transparent) and not have the shirt and skin and hat color be chosen randomly?
Hi, would be nice to have the different color options for hair, skin and topTypes also exported like you do with the assetsTypes. That way they could be imported instead of copypasta. Happy to send a pull request if you prefer... thanks again
delete me
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.