首页 文章
  • 2 votes
     answers
     views

    使用Flash显示SVG渐变?

    我正在使用AS3(Flash)来实现 read SVG files 和 display . 问题是正确显示 linear/radial gradient. 以下是SVG中 Red 到 Blue 的简单 linear gradient 示例 . <linearGradient id="GRADIENT_1" gradientUnits="userSpaceOnU...
  • 0 votes
     answers
     views

    LinearGradient用于路径SVG

    我需要填充使用javascript动态创建的路径 . 我已经为此创建了一个渐变并用它来填补我的路径,但什么也没发生 . 我的代码出了什么问题? $('svg').prepend('<defs id="gradient"></defs>'); $('#gradient').append('<linearGradient id="yellow...
  • 0 votes
     answers
     views

    用jQuery替换SVG中的linearGradient

    我可以在SVG中使用jQuery删除linearGradient行,但我无法添加它 . 为什么? HTML <textarea> <linearGradient y2="1" x2="1" id="g" spreadMethod="reflect"> <stop stop-color=&q...
  • 0 votes
     answers
     views

    包括线性梯度X / Y中的笔画宽度

    我将它添加到笔划中,它不会像应用填充时那样显示 . 我认为这是问题:objectBoundingBox在本节的底部,它说: 当适用元素的几何体没有宽度或没有高度时,不应使用关键字objectBoundingBox,例如水平或垂直线的情况,即使由于具有非零笔划宽度而在查看时线条具有实际厚度时也是如此因为边界框计算忽略了笔划宽度 . 当适用元素的几何体没有宽度或高度且指定了objectBoundin...
  • 0 votes
     answers
     views

    ng-include内联SVG <lineargradient>除Chrome中外不显示渐变

    我已经设置了一个NG-INCLUDE,它加载一个包含“hover_color_change”类的SVG文件,以便正确的多边形可以更新其fill属性: &lt;div class=&quot;prod-illustration-div col s12 m8&quot;&gt; &lt;div class=&quot;prod-svg-wrapper&quot; ng-include=&quot...
  • 2 votes
     answers
     views

    在JQuery Slider上添加-webkit-linear-gradient时,-moz-linear-gradient break

    TL; DR -webkit-linear-gradient正在破坏-moz-linear-gradient 所以听到这个难题,我正在使用带有两个手柄的Jquery Slider插件,我有一个渐变作为背景颜色,以给外部范围一些颜色 . 我想要做的是在滑块移动时更新渐变的百分比 . 它适用于Chrome / Safari,但在使用-moz和-webkit标记时不适用于Firefox . 该值是从第一...
  • 0 votes
     answers
     views

    CSS3线性渐变

    考虑这个页面:http://d.pr/i/GA5V 问题在于页面内容的这些梯度 . 在此屏幕截图中,渐变如下: linear-gradient(to right, rgba(0,0,0,1) 0px, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 970px, rgba(0,0,0,1) 1000px); 有两个问题: 1 - 渐变的极值(0px和...
  • 10 votes
     answers
     views

    CSS - 图像两侧的线性渐变透明度

    tl;博士 是否有任何方法可以在图像的左侧和右侧 -webkit-linear-gradient 为CSS中的图像添加透明度? 长版 我有一个图像,我想添加透明度 - 纯CSS - 避免使用任何图像编辑器,如Photoshop,Gimp等 . 我试图使用 -webkit-linear-gradient 但它使用rgba()函数来定义颜色停止 . 所以这个片段 height: 200px; bac...
  • 70 votes
     answers
     views

    使用CSS的SVG渐变

    我正在尝试将渐变应用于SVG rect 元素 . 目前,我正在使用 fill 属性 . 在我的CSS文件中: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } 在浏览器中查看时, rect 元素具有正确的填充颜色 . 但是,我想知道我是否可以对此元素应用线性渐变?
  • 3 votes
     answers
     views

    CSS线性渐变:如何设置从底部开始计数的固定颜色停止位置

    我正在寻找为我的内容区域创建渐变背景 . 渐变只是纯白色,从顶部的零不透明度渐渐消失,再次在底部消失回零不透明度 . 由于内容高度变化很大,相对的颜色停止位置并不好 . 目前我有这个CSS: background: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 500px, rgba...
  • 1 votes
     answers
     views

    css3重复线性渐变 - 获得细粒度图案?

    我想创建一个细粒度的背景图案,在对角线的红色和蓝色线之间交替,每个线条的宽度只有几个像素 . 我不确定我是否理解重复线性渐变的规则 例如,您会认为我想要的是这样的: p { width: 100%; height: 100%; background-image: repeating-linear-gradient(45deg, red 3px, blue 3px) } 但这完全是蓝色...

热门问题