html - 如何从 SVG img 中删除额外的高度
问题描述
我有 SVG 图像但它有额外的高度我试图将特定高度添加到父 div 但它没有用
例子
#az_budge_reviews{
height:200px;
width:200px;
}
http://jsfiddle.net/Tgm6Y/14946/
我怎样才能去除多余的高度?它适用于宽度但不适用于高度
解决方案
查看此 JSFiddle 中的 JavaScript 代码:https ://jsfiddle.net/knLbjc9a/4/
var svg = document.getElementsByTagName("svg")[0];
var bbox = svg.getBBox();
var viewBox = [bbox.x, bbox.y, bbox.width, bbox.height].join(" ");
svg.setAttribute("viewBox", viewBox);
prompt("Copy to clipboard: Ctrl+C, Enter", svg.outerHTML);
您将获得一个顶部没有多余空间的新 SVG 代码(我认为该代码一点也不干净,但为您提供了良好的工作基础)。
此外,您需要删除(或设置为height: auto;
)css 文件中的高度。
推荐阅读
- r - 如何将 case_when() 用于独占多个条件
- python - 无法在 Google Colab 中读取 csv 文件
- ios - Expo APNs 令牌 InvalidRegistration
- c# - 从 Outlook 获取电子邮件时,VSTO C# 中的 For 循环的性能问题
- api - openstack 如何通过计算 API 或连接 API 获取已删除的服务器列表
- c# - 使用 c# 在 azure bot 中结束对话反馈
- flutter - 使用颤振将sqlite db转换为pdf格式
- php - Laravel 5.8:试图获取非对象的属性“顺序”
- node.js - TS4090 节点定义冲突
- c# - 我无法控制的身份提供者的基于角色的 JWT 的最佳实践