问答

svg 的 path元素有办法调整大小和位置吗?

作者:admin 2021-05-13 我要评论

如题,想要调整svg path元素的大小和位置,但却发现怎么都不起作用 ### 这个你没有具体的代码可能别人没有办法说。 不过很明确的是path本身仅仅是信息的描述,即...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

如题,想要调整svg path元素的大小和位置,但却发现怎么都不起作用

###

这个你没有具体的代码可能别人没有办法说。
不过很明确的是path本身仅仅是信息的描述,即其本身就是和位置相关的,所谓的大小是需要改变path来使得绘画的图像大小变化的。

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<path d="M250 150 L150 350 L350 350 Z" />

</svg>

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<path d="M0 0 L1920 920 L350 450 Z" />

</svg>

就是完全的2个不同大小位置的图形啊。

###

如下面是svg绘图的方法,创建一个圆并圆圈中填充文字,通过r来控制圆的大小,其他的也应该有svg开发的一套书写格式吧,如果有需要,可能得了解关于svg更多的东西。
image.png
image.png

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • svg 的 path元素有办法调整大小和位置

    svg 的 path元素有办法调整大小和位置

  • three.js 从数据库获取整个场景数据,

    three.js 从数据库获取整个场景数据,

  • electron 引入 axios/lib/adapters/htt

    electron 引入 axios/lib/adapters/htt

  • php 如何用条件判断div的显示与隐藏

    php 如何用条件判断div的显示与隐藏

腾讯云代理商
海外云服务器