0

SVG ファイルがあり、それを Ext.draw.Component にしたいとします。SVG の stop-opacity を Ext.draw.Component アイテムに変換するにはどうすればよいですか?

たとえば、SVG ファイルから、次のようになります。

<linearGradient ="linearGradient2920">
  <stop
     id="stop2922"
     style="stop-color:#000000;stop-opacity:1"
     offset="0" />
  <stop
     id="stop2924"
     style="stop-color:#000000;stop-opacity:0"
     offset="1" />
</linearGradient>

Ext.draw.Componentではどのように見えるでしょうか? そのように訳しますか？

gradients: [{
            {
            id: 'linearGradient2920',
            angle: 100,
            stops: {
                0: {
                    color: '#000000',
                    opacity: 100 //<---Is this even valid??
                },
                100: {
                    color: '#000000',
                    opactiy: 0 //<---Is this even valid??
                }
            }
        }]
4

1 に答える 1

0

これは、Ext.js forSVGのソースコードで見つかりました-http ://docs.sencha.com/ext-js/4-1/source/Svg.html

for (i = 0; i < ln; i++) {
            stop = gradient.stops[i];
            stopEl = me.createSvgElement("stop");
            stopEl.setAttribute("offset", stop.offset + "%");
            stopEl.setAttribute("stop-color", stop.color);
            stopEl.setAttribute("stop-opacity",stop.opacity);
            gradientEl.appendChild(stopEl);
        }

stop.opacityに注意してください。これは、元の投稿のように不透明度を使用することが有効であることを示しているようですが、1.0または100のスケールであるかどうかはわかりません。

于 2013-03-07T01:16:42.747 に答える