小编Ivo*_*e50的帖子

如何将 svg 缩放到视口,但保持填充图像的纵横比

我想用 svg 填充视口,并向该 svg 中的路径添加填充。

当我设置preserveAspectRatio="xMinYMin slice"为图像模式时,它将很好地保留其纵横比,但路径不会缩放。

如果我然后添加preserveAspectRatio="none"到 svg 元素,整个元素将适合视口,但我的图像将无法正确缩放。

我在忽略什么?

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 750" preserveAspectRatio="none">
    <defs>
      <pattern id='home' width="1" height="1" preserveAspectRatio="xMinYMin slice">
        <image xlink:href='https://i.imgur.com/4AiXzf8.jpg' width="100%" height="100%" preserveAspectRatio="xMinYMin slice"></image>
      </pattern>
    </defs>
    <path id="bg" class="cls-1" d="M0,0V622.58S250,711,683,711s683-88.42,683-88.42V0Z"style="fill: url(#home)"></path>
  </svg>
Run Code Online (Sandbox Code Playgroud)

css svg

5
推荐指数
1
解决办法
1万
查看次数

为什么这个简单的RegEx不起作用?

我觉得非常愚蠢的问,但我似乎无法找出为什么这个简单的PHP脚本不起作用并返回False(这是一个PHP错误).我是一个使用正则表达式的新手.

var_dump( preg_match('^[a-zA-Z]+$', 'Welcome') );
Run Code Online (Sandbox Code Playgroud)

php regex

-1
推荐指数
1
解决办法
58
查看次数

标签 统计

css ×1

php ×1

regex ×1

svg ×1