joaner / namedavatar Goto Github PK

View Code? Open in Web Editor NEW

89.0 3.0 5.0 97 KB

SVG Avatar generated by name text

Home Page: https://joaner.github.io/namedavatar/

JavaScript 100.00%

svg avatar-generator

namedavatar's Issues

请教小程序中如何使用？

您好，我在页面中可以使用。请教，如何在小程序里使用您这个方法呢？非常棒。谢谢。

<!DOCTYPE html>
<html>
<head>
<!-- <script type="text/javascript" src="./dist/jquery-3.3.1.min.js"></script> -->
<script src="./dist/namedavatar.js"></script>
</head>
<body>

<!-- <img id="avatar1" alt="供" width="100" > -->
<img id="avatar1" src="./invalid.jpg" alt="Tom Hanks" width="100" style="border-radius: 100%">

<script>
namedavatar.config({
  nameType: 'initials',
  minFontSize:'20'
});

// fill single <img>
(function(img) {
  namedavatar.setImg(img, img.alt)
})(document.getElementById('avatar1'))

</script>

</body>
</html>
```
`

谷歌72版生成图片显示异常

好似最新版本不能使用 data:image/svg+xml,<svg>......</svg>
可能需要使用base64编码后呈现
data:image/svg+xml;base64, ${Base64.encode('<svg>......</svg>')}

源码image.js中minFontSize的疑问？

/namedavatar/src/vue/image.js

AvatarImage.prototype.getFontSize = function() {
  var textWidth = this.name.length * (this.name.charCodeAt(0) < 256 ? 0.75 : 1.5)
  var availableWidth = this.options.width || 32

  var fontSize = Math.round(availableWidth / textWidth)
  if (fontSize < this.options.minFontSize) {
    this.name = this.name[0].toUpperCase()
    fontSize = this.options.maxFontSize
  } else if (fontSize > this.options.maxFontSize) {
    fontSize = this.options.maxFontSize
  }
  return fontSize
}

其中，

 if (fontSize < this.options.minFontSize) {
    this.name = this.name[0].toUpperCase()
    fontSize = this.options.maxFontSize
  }

this.options.maxFontSize 是否应该为 this.options.minFontSize ？

vue2模式下怎么传options

你好，请问下vue2模式下怎么传options呢？

joaner / namedavatar Goto Github PK

namedavatar's Issues

请教小程序中如何使用？

谷歌72版生成图片显示异常

源码image.js中minFontSize的疑问？

vue2模式下怎么传options

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent