javascript - 试图制作一个圆形图像

标签 javascript html css

这个问题已经被问过很多次了,但我似乎还是想不出这么简单的问题。

我正在尝试拍摄图像并将其制作成一个圆圈,但是当我尝试这样做时:

const styles = {
  profileImage: {
    padding: "5% 0",
    objectFit: "cover",
    display: "block",
    width: "10vh",
    height: "10vh",
    borderRadius: "50%",
    border: "1px solid white", 
    margin: "0 auto"
  }
}

我的图像仍然是这样的: enter image description here

白色边框是我想要的尺寸,但实际照片由于某种原因被裁掉了。我将不胜感激任何指示!为此一直在拔头发:-(

谢谢!

最佳答案

我认为这是由于这条线:

padding: "5% 0",

尝试删除该行

关于javascript - 试图制作一个圆形图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53051732/

相关文章:

javascript - 使用 JavaScript 在 Safari 中触发键盘事件

java - HTML 未在电子邮件模板上呈现,以文本形式呈现

html - css的这两种方法有什么区别呢?

html - 具有 flex 子元素的 div 的 CSS 绝对像素高度

jquery - 拖动时在 Safari 和 Chrome 中拖放光标会发生变化

javascript - HTML2Canvas 不渲染完整的 div,仅渲染屏幕上可见的内容

javascript - 在javascript中让按钮显示文本

javascript - 完全动态地从 JSON 创建表

html - 如何根据屏幕尺寸加载不同的主页

javascript - 动态附加时标签不起作用