Drupal SVG站点徽标显示不正确

时间:2018-04-13 12:12:55

标签: svg drupal

在我正在构建的自定义Drupal主题中保存现有logo.svg的顶部。徽标未显示在页面上(Firefox),并且在Safari上显示非常大。

当"检查元素"我可以看到,如果我添加width=""(并应用任意数字) - 那么徽标将出现在Firefox中,并在Safari中调整大小。 但我不知道如何将width应用于Drupal主题文件中的site_logo。我将在哪里做,或者我将如何解决这个问题。

该网站位于Drupal 8.我已经尝试将品牌块移动到不同的部分(导航,侧边栏,内容等),但它并没有纠正不正确的宽度问题。

1 个答案:

答案 0 :(得分:1)

考虑到SVG图片在其标记中并不总是具有heightwidth尺寸,并且添加未设置尺寸的SVG文件可能会影响主题的样式。

因此,请在文本编辑器中打开您的SVG文件,并确保根据您的需要设置widthheight和/或viewBox。或者尝试使用某些矢量图像编辑工具(如Adobe Illustrator或Sketch或Inkscape)进行编辑。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="100" height="50"
  viewBox="0 0 200 100">

  <rect x="20" y="20" width="160" height="60"
    fill="limegreen" stroke="black" stroke-width="2px" />
</svg>