我想用 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)
我觉得非常愚蠢的问,但我似乎无法找出为什么这个简单的PHP脚本不起作用并返回False(这是一个PHP错误).我是一个使用正则表达式的新手.
var_dump( preg_match('^[a-zA-Z]+$', 'Welcome') );
Run Code Online (Sandbox Code Playgroud)