【问题标题】:Extend left and right image's color to fill full width of container扩展左右图像的颜色以填充容器的整个宽度
【发布时间】:2016-08-12 07:20:42
【问题描述】:

我不确定这是否完全可能,但我想知道是否有一种方法可以扩展或分析图像颜色的左侧和右侧,并将其扩展到容器的整个宽度,同时保留图像大小完好。我不是在寻找伸展或掩护。

左侧和右侧将始终是相同的一种颜色,但该颜色会根据图像是动态的。颜色从未在 CSS 中明确定义,所以有没有办法只拉伸侧面像素?可以的话,可以举个例子吗?

谢谢。

【问题讨论】:

  • 我认为这个客户端的唯一方法是使用canvas。结帐this SO post 提出了类似的问题。您只需要在页面加载时执行此操作,而不是在鼠标悬停时执行此操作,但想法应该是相同的。
  • 谢谢zgood,我已经检查过了,但它需要相当多的实现。也许在空闲时间我会从头开始创建它。

标签: html css svg background-image


【解决方案1】:

找到了一种使用自适应后台插件/模块的更简单方法。

使用JQuery

使用Javascript

使用Angular

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-06
    • 2015-09-21
    • 2017-06-21
    • 1970-01-01
    • 1970-01-01
    • 2016-05-19
    相关资源
    最近更新 更多