1

SVGタグの画像要素を置き換えたいのですが。controller.jsに画像を保持するオブジェクトを呼び出すたびに、この画像を取得し、default.jsという別のファイルでSVGによってこの画像をぼかした背景画像として表現します。

どうすればいいですか？

default.html：

<div id="backgroundImage">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs>
                <filter id="myGaussianBlur" x="0" y="0">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="2"></feGaussianBlur>
                </filter>
            </defs>
            <image id="backImage" xlink:href="surf.jpg" width="100%" height="100%" preserveAspectRatio="none" filter="url(#myGaussianBlur)" />
        </svg>
    </div>

他の画像の画像を置き換えたいのですがimage id ="backImage"。

Controller.js：

function setObject(element, value) {
    var id = value.id;
    var image = value.image;
    ????
}
4

1 に答える 1

1

ネイティブの「setAttribute」を利用してみてください。

var im = document.getElementById('backImage');
im.setAttribute('xlink:href',"http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash3/s480x480/525959_10151097048652029_155651648_n.jpg");
// or mby more correct approach:
//    im.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash3/s480x480/525959_10151097048652029_155651648_n.jpg");
im.setAttribute('width', X);
im.setAttribute('height', Y);

それはクロムで動作します、私が知っているすべて=）

于 2012-10-07T10:07:17.460 に答える