我所有的网站都运行正常,没有任何问题。但是突然我从Xampp迁移到Laragon。
我在Windows上的Laragon安装上提供的SVG叠加层看起来像是扭曲的:
奇怪的是,在我的远程服务器上以及以前的xampp安装中,它正确显示如下:
这使我认为我的Laragon安装缺少某些东西,或者需要配置。但是我不知道这种问题到底需要什么。
这是SVG代码:
<a href="http://vimeo.com/75976293" data-wbox="video" class="naizk huge white circular icon button centered lightbox">
<i class="icon medium play">
</i>
</a>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 614.8 747.7">
<path class="naizk primary fill" opacity=".05" d="M186.9,138.9C125.8,144.5,69.7,176,34.4,226c-54.3,76.8-67.1,204.7,193.8,371.7c411.5,263.5,387.9,6,382.7-30.6 c-0.5-3.6-0.9-7.2-1.3-10.7l-22.1-241.9C576.8,198.3,474,112.7,357.7,123.3L186.9,138.9z">
</path>
<g>
<defs>
<path id="a" d="M168.6,729.7L168.6,729.7c135.8,53,290.2-14.8,343.2-150.6l85-217.9C649.8,225.4,582,71,446.2,18l0,0 C310.4-34.9,156,32.8,103,168.6L18,386.5C-34.9,522.3,676.7,168.6,729.7z">
</path>
</defs>
<clipPath id="b">
<use xlink:href="#a" style="overflow:visible;">
</use>
</clipPath>
<g style="clip-path:url(#b);"> <!-- Apply your (615px width to 750px height) image here -->
<image style="overflow:visible;" width="100%" height="100%" xlink:href="http://content_sys.test/uploads/builder/content_19.jpg" transform="matrix(1 0 0 1 -0.1366 -0.9532)">
</image>
</g>
</g>
<circle class="naizk negative fill" cx="126.3" cy="693.8" r="16.3">
</circle>
<circle class="naizk positive fill" cx="132.9" cy="632.6" r="10.6">
</circle>
<circle class="naizk primary fill" cx="77" cy="655.9" r="21.6">
</circle>
<circle class="naizk warning fill" cx="38.8" cy="708.1" r="3.9">
</circle>
</svg>
编辑:
通过重新创建页面解决了,似乎HTML代码中有错误,而不是服务器或Apache错误。