svg - SVG尺寸控制
问题描述
我是 svg 的新手,有一个问题,如何使 svg 元素变得更大?我该如何控制它?
播放器容器
这是我的代码:
<div class="player-container">
<svg width="100%" height="100%" viewBox="0 0 97 97" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
opacity="0.153808594">
<g id="Car-concept" transform="translate(-193.000000, -733.000000)" fill="#8E95D7">
<g id="Group-10" transform="translate(127.000000, 596.000000)">
<g id="Group-14" transform="translate(66.000000, 137.000000)">
<circle id="Oval" cx="48.5" cy="48.5" r="48.5"></circle>
</g>
</g>
</g>
</g>
</svg>
<svg class="moving-outline" width="100%" height="100%" viewBox="0 0 453 453" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="226.5" cy="226.5" r="216.5" stroke="#646DBE" stroke-width="10" />
</svg>
<h3 class="time-display">45%</h3>
</div>
解决方案
推荐阅读
- mongodb - 将 MongoDB $max 结果转换为 golang 数据
- codeceptjs - 无法连接到 WebDriver。错误:连接 ECONNREFUSED 127.0.0.1:4444 (codeceptjs)
- reactjs - 如何开玩笑地模拟 useHistory 钩子?
- nativescript - NativeView 在返回应用后捕获 Exception: TypeError
- python - 如何组合两列的浮点值并将其放在数据框的另一列中?
- python - 烧瓶根据其他表的ID添加一个新行
- javascript - CSP:拒绝执行内联脚本
- php - 如何使用 PhpUnit 使用 Laravel 测试服务?
- python - 如何通过傅里叶变换获得有关图像清晰度的信息?
- python - 为什么Python的turtle模块中的back()函数不能正常工作?