设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
123456789下一页
返回列表 发新帖
楼主: 马黑黑

路径适配svg尺寸的简单方法

[复制链接]
马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-23 21:03 | 显示全部楼层
    杨帆 发表于 2025-8-23 21:00
    对您帖子里这个SVG图咋无效呢？History of Love
    https://www.huachaowang.com/forum.php?mod=viewthread ...

    如果SVG有CSS样式，注意查看它的设置，有没有宽高，有的话要和svg标签的宽高一致或只保留svg标签的尺寸设置；

    SVG标签要设置合适的 viewbox 属性。
    回复 支持 反对

    使用道具 举报

    花飞飞
  • TA的每日心情
    慵懒
    2025-8-5 16:33

    • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾
    发表于 2025-8-23 21:41 | 显示全部楼层
    马黑黑 发表于 2025-8-23 19:48
    因为用过，所以见过

    一看我就是懵着用的。
    回复 支持 反对

    使用道具 举报

    花飞飞
  • TA的每日心情
    慵懒
    2025-8-5 16:33

    • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾
    发表于 2025-8-23 21:41 | 显示全部楼层
    马黑黑 发表于 2025-8-23 19:48
    理解正确

    今天看到实例贴，-200 -200 400 400还挺常用的，无可替代
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-23 21:42 | 显示全部楼层
    花飞飞 发表于 2025-8-23 21:41
    今天看到实例贴，-200 -200 400 400还挺常用的，无可替代

    主要是好用
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-23 21:43 | 显示全部楼层
    花飞飞 发表于 2025-8-23 21:41
    一看我就是懵着用的。

    也不错
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-23 22:55 | 显示全部楼层
    马黑黑 发表于 2025-8-23 17:43
    实际上就是把坐标原点转到矩形的中心，和HTML的一样（但又不完全一样，尺寸的衡量机制跟着改变，左上角的 ...

    或者倒过来说，是按坐标原点反推的左上角的点的坐标。
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-23 22:56 | 显示全部楼层
    马黑黑 发表于 2025-8-23 17:44
    在 viewbox 中绘制，在 svg 画布上渲染

    嗯嗯，这个说法很多，的确这样。
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-23 23:08 | 显示全部楼层
    红影 发表于 2025-8-23 22:56
    嗯嗯，这个说法很多，的确这样。

    明白这个道理就可以大胆试用，用对了就有感受了
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-23 23:09 | 显示全部楼层
    红影 发表于 2025-8-23 22:55
    或者倒过来说，是按坐标原点反推的左上角的点的坐标。

    反正效果就是酱紫吧
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-24 09:20 | 显示全部楼层
    马黑黑 发表于 2025-8-23 23:08
    明白这个道理就可以大胆试用，用对了就有感受了

    viewbox 相当在画布上的定位和限制。
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-24 09:21 | 显示全部楼层
    马黑黑 发表于 2025-8-23 23:09
    反正效果就是酱紫吧

    黑黑讲解十分清晰
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-24 09:21 | 显示全部楼层
    红影 发表于 2025-8-24 09:21
    黑黑讲解十分清晰

    不稀里糊涂就好
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-24 09:22 | 显示全部楼层
    红影 发表于 2025-8-24 09:20
    viewbox 相当在画布上的定位和限制。

    差不多吧
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-24 12:32 | 显示全部楼层
    马黑黑 发表于 2025-8-24 09:21
    不稀里糊涂就好

    非常清楚呢，非常好
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-24 12:35 | 显示全部楼层
    马黑黑 发表于 2025-8-24 09:22
    差不多吧

    对于调整尺寸很有好处。
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-24 13:18 | 显示全部楼层
    红影 发表于 2025-8-24 12:35
    对于调整尺寸很有好处。

    是的
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-24 13:18 | 显示全部楼层
    红影 发表于 2025-8-24 12:32
    非常清楚呢，非常好

    酱紫就好
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-24 14:01 | 显示全部楼层
    马黑黑 发表于 2025-8-24 13:18
    是的

    也很方便。
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2025-8-24 14:02 | 显示全部楼层
    马黑黑 发表于 2025-8-24 13:18
    酱紫就好

    黑黑的讲述很有经验。
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2025-8-24 17:40 | 显示全部楼层
    红影 发表于 2025-8-24 14:02
    黑黑的讲述很有经验。

    俺是做老师的
    回复 支持 反对

    使用道具 举报

    下一页 »
    123456789下一页
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-11-30 15:46 , Processed in 0.083561 second(s), 22 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表