支持svg特定的元素,作为Image元素的替代

目前svg只能通过Image元素或Embed元素添加。这两种方法都存在问题,特定于svg的元素可以巧妙地解决这些问题。

SVG通过嵌入元素问题;

  • 嵌入是不允许在链接,使菜单困难
  • 无法在设计器中预览嵌入

SVG通过像元问题;

  • 当通过标记引用SVG时,它不会受到CSS的影响
  • svg的currentColor特性不起作用
  • 为图标丰富的设计创建大量的HTTP请求

解决方案

SVG元素…

  1. 在画布放置和配置选项方面,其工作原理与Image元素类似
  2. 是否可以与资产中的任何SVG元素相关联
  3. 添加Embed作为选项,它将在构建时导入SVG内容
  4. 支持其他SVG元素选项,例如path-id aria-hidden,focusable,viewbox

为什么这会很棒

  1. 它将允许SVG与currentColor一起使用,因为嵌入是允许的
  2. 它将避免需要嵌入(不能在链接中使用)
  3. 它将有效地使用内嵌/内联数据,而不是执行多个HTTP请求
  4. 它将支持svg特定的属性,如aria-hidden,focusable,viewbox
  5. 允许SVG库和路径id引用
  • 迈克尔•威尔斯
  • 2018年10月26日
  • 综述了
  • Esben Sonne Engsted评论道
    9月15日08:57

    这将是非常棒的,因为我最近遇到了SVG的上述问题。
    让currentColor功能工作至少是一个不错的小修正。

  • 暗鹰评论
    7月18日06:54

    谢谢你!我将尝试你的方法来增加我的知识。

  • 客人的评论
    16个小君13:59

    เทคนิคเล่นPgดูได้ที่Pantipแต่ไม่ใช่แค่ที่pantipเท่านั้น谷歌ยังมีสูตรการเล่นมากมายที่ช่วยทำให้คุณสนุกกับการเล่นpgslotของเรามากยิ่งขึ้นกับเว็บของเราที่กำลังมาแรงสุดๆจนหยุดไม่อยู่ในตอนนี้

  • 饼干和牛奶评论
    5月18日13:11

    另一个WF在简单功能上出错的例子。

  • INAGREAT评论
    07年4月22:39

    我真不敢相信这还没做完!该死的Webflow。这条评论早在2018年就有了,现在是2022年了。这是一开始就应该具备的最基本功能之一。所有的网站在某种程度上都需要svg来处理许多元素,比如自定义图标和按钮……有其他的网络构建器提供这个功能,但Webflow还没有。真是难以置信,你们居然完全忽视了付费用户社区!

  • 客人的评论
    2月21日04:59

    谢谢你分享你宝贵的解决方案,它正常工作。


    https://www.myloweslife.mobi/

  • Thanh Miller评论
    2月10 06:44

    谢谢你的更新。我一定会留意这条线索的。

    indigocard

  • 客人的评论
    07年2月09:12

    谢谢你分享你宝贵的解决方案,它正常工作。

  • Ladarius朗评论
    2月01 06:28

    这个问题你解决了吗?MyGiftCardSite挑战一个相对的问题,但没有人回应,在谷歌中看不到这一点。

  • 雅各布·威廉姆斯评论
    08年1月21:35

    这太棒了。我们需要这个!

  • 尼尔斯评论道
    02年1月22:08

    拜托!

  • 威诺娜Homenick评论
    2021年11月25日07:49

    通过元素嵌入SVG,您只需要像预期的那样在src属性中引用它。您将需要一个高度或宽度属性

  • 斯威夫特风暴评论
    2021年7月23日11:21

    CSS应该使这些任务更快,但不是在webflow中,因为webflow的限制。如此愚蠢的。

  • 迈克Escoffery评论
    2021年3月25日17:09

    请这个! !


    有太多的变通方法试图让svg在浏览器中正常工作,而不受webflow的束缚。

    底线-目前,创建100个不同颜色的svg比使用嵌入和变通方法获得图标链接要快得多。

    CSS应该使这些任务更快,但不是在webflow中,因为webflow的限制。如此愚蠢的。

  • Tansen贝尔评论
    2020年12月11日14:42

    这会节省很多时间!

  • 格伦·伊斯特兰说
    2020年9月11日09:47

    将是有用的。如果SVG是单一颜色,你可以使用不透明度和滤镜,但这不是一个很好的替代品。

  • Ghous Shah说
    2020年6月13日19:54

    请将此添加到webflow
    这会节省我们很多时间

  • 莱昂纳多Tanuwijaya评论
    5月09日,2020 23:48

    我一直担心这个功能,希望这个功能能够实现。Webflow在我的工作中一直是非常重要的一部分,这个功能会有很大的帮助

  • 特里料斗评论
    2020年1月29日17:01

    我们的网站广泛/专门使用SVG。我特别想减少HTTP请求。这个建议听起来很完美。

  • Mariia Kulida评论
    2019年12月30日13:59

  • 负载年长的评论
  • + 973
Baidu
map