【SVG围绕中心点缩放用法示例】你可以围绕中心点执行缩放。要在对象变大时保持轮廓的宽度不变, 可以将笔划宽度除以缩放因子。
例子
<
!DOCTYPE html>
<
html>
<
body>
<
svg width="300px" height="300px" viewBox="0 0 200 200">
<
circle cx="50" cy="50" r="3" style="fill: black;
" />
<
g id="p1" style="stroke: black;
fill: none;
">
<
rect x="35" y="40" width="30" height="20" />
<
/g>
<
use xlink:href="http://www.srcmini.com/#p1" transform="translate(-50, -50) scale(2)" style="stroke-width: 0.4;
" />
<
use xlink:href="http://www.srcmini.com/#p1" transform="translate(-75, -75) scale(2.5)" style="stroke-width: 0.4;
" />
<
use xlink:href="http://www.srcmini.com/#p1" transform="translate(-100, -100) scale(3)" style="stroke-width: 0.33;
" />
<
/svg>
<
/body>
<
/html>
立即测试
推荐阅读
- SVG脚本编写示例和解释
- 最佳家居装修应用软件下载推荐合集(让你装修房子更轻松)
- 21个最佳Photoshop插件下载推荐(可节省你的工作时间)
- Android最佳离线RPG游戏下载推荐合集(哪些最好玩())
- Android设备的最佳育儿应用软件下载推荐合集(哪个最好用())
- 12款Windows最佳照片拼贴制作软件下载推荐合集(哪个最好())
- 最佳原型设计工具下载推荐合集(让你的工作更轻松!)
- 如何修复Chrome ERR_INTERNET_DISCONNECTED错误(解决办法介绍)
- Android的10款最佳格斗赛车游戏下载推荐合集(哪个最好玩())