Question

我最多可堆叠6个svg图像，为用户创建交互式图像。（使用div中的嵌入标签堆叠）。

目前，每张图像都在自行绘制，导致闪烁，因为底部图像被绘制，然后是顶部图像。

我已经预装了CSS中的图像

#element_01 {
    background: url(img/model/model.png) no-repeat;
    display: none;
    }

我试过＆amp;成功隐藏了div元素，然后显示它。

    '<div class="modelImage" style="visibility:hidden">'+
    '<embed id="myTop"  src="img/model/top.svg"     onload="this.getSVGDocument().onclick = function(event){control.colorClothes(0);};"     title="top"     type="image/svg+xml" width="325" height="500">'+

接着是

    $(document).ready(function(){
        $(".modelImage")[0].style.visibility = "visible";
    });

警报确认这是有效的，但没有警报，图像仍会按顺序写入，导致闪烁。令人沮丧的是，当我收到警报时，图像打印得很好！

显示时，我的堆叠svg图像闪烁

0 个答案: