0

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

目前，每个图像都在绘制自己，导致在绘制底部图像然后绘制顶部图像时闪烁。

我已经在 CSS 中预加载了图像

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

我已经尝试并成功隐藏了 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";
    });

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

4

0 回答 0