TYPO3 - 内容元素图像添加svg图像

时间:2014-08-11 08:38:06

标签: svg typo3 typo3-6.2.x

我在TYPO3后端管理svg图像时遇到问题,我没有通过谷歌找到有效的解决方案。

我已通过菜单项datalist上传了svg图像。然后我添加了一个新的内容元素图像,并打开“图像”以添加刚刚上传的svg图像但我失败了,因为svg图像不会显示在此目录结构中。

我已将两张图片关联起来,以便您可以看到我在说什么。 http://www.directupload.net/file/d/3711/liah4ed4_png.htm http://www.directupload.net/file/d/3711/3vhck8pa_png.htm

是否有可能通过后端以与png,jpgs等相同的方式管理svg图像?通过TypoScript执行此操作不是一个选项,包括使用内容元素html的svg不是最喜欢的选项。

我感谢任何帮助:)

AMartinNo1

2 个答案:

答案 0 :(得分:4)

在安装工具中,有一个值可以更改识别的图像文件扩展名:

,svg添加到“所有配置”下的[GFX][imagefile_ext]的输入字段 - > “$ TYPO3_CONF_VARS [ 'GFX']”

如果我们不需要支持IE8,这是一个很好的选择。 (http://caniuse.com/svg-img) 我没有在TYPO3中使用SVG图像的经验 - 但是在使用imagemagic TYPO3(6.2)进行的第一次测试中,可以在文件列表中为.svg图像创建缩略图。 遗憾的是,它无法在图像内容元素的fal-record-list中创建缩略图。

我曾经听说过SVG甚至可以嵌入视频。因此请注意,如果SVG文件工作与否,可能取决于此文件使用的功能以及服务器的功能。

[SVG支持]需要libxml2和freetype2。请注意,SVG是一个非常复杂的规范,因此支持仍然不完整。 (来自http://www.graphicsmagick.org/formats.html

TYPO3 6.2 Install Tool - Image file extensions configuration

答案 1 :(得分:-3)

我通过typoscript以新方式(TYPO3 6.2)做到了(我知道这不是你要求的):

<div class="menu"> 
    <h1>Some Title</h1>
<ul>
    <li>Menu item 1</li>
    <li>Menu item 2</li>
    <li>Menu item 3</li>
    <li>Menu item 4</li>
</ul>    
 </div>

之后我只需要跟随css,在IE中的响应上下文中呈现svg图像!

lib.logo = SVG
lib.logo {
    src = path/to/my/logo.svg
    width = 250
    height = 
    noscript.cObject = TEXT
    noscript.cObject.value = No SVG rendering possible, please use a browser.
    stdWrap.typolink {
        parameter = 3 _self
        ATagParams.data = LLL:fileadmin/templates/xml/locallang_tca.xml:feGoHome
        ATagParams.wrap = title="|" class="logo"
        ATagBeforWrap = 1
        wrap = |
    }
}