当前位置：文江博客话题详情

Dojo 制图标记问题

发布于 2024-11-10 03:17:19 字数 60 浏览 8 评论 0原文

是否可以用动画移动道场图表中显示的markers指针？

请帮忙。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我早已燃尽 2024-11-17 03:17:19

解决方案之一可能是这样的。

//下面是标记的简单动画，

chart1.connectToPlot("default", function (e){
var ele = e.shape ? e.shape.rawNode ? e.shape.rawNode : false  : false;
    if(!ele) return;
if(e.type == "onmouseover")
ele.setAttribute("stroke-width", 3)
else if (e.type == "onmouseout")
ele.setAttribute("stroke-width", 1.5)
}

您可以使用此函数对原始 svg 节点进行一些复杂的动画。不要在上面的代码中调用 setAttrbuite，而是调用下面的函数将原始 svg 节点传递给它。

function cmplxAnimForRawNode(RawSVGNode){
        var svgNS = "http://www.w3.org/2000/svg";       
        var node = document.createElementNS(svgNS, "animateTransform");
        var atts = {attributeType:"XML", attributeName:"transform", type:"scale" ,from:"1" ,to:"0" ,dur:"5s", fill:"freeze"}
        for(name in atts) {
            node.setAttributeNS(null, name, atts[name]);
        }
        RawSVGNode.appendChild(node);

        }

One of the solution might be like this.

//below is for simple animation for markers

chart1.connectToPlot("default", function (e){
var ele = e.shape ? e.shape.rawNode ? e.shape.rawNode : false  : false;
    if(!ele) return;
if(e.type == "onmouseover")
ele.setAttribute("stroke-width", 3)
else if (e.type == "onmouseout")
ele.setAttribute("stroke-width", 1.5)
}

you can use this function for some complex animation of raw svg node. Instead of calling setAttrbuite in the above code , call the below function passing the raw svg node to it.

function cmplxAnimForRawNode(RawSVGNode){
        var svgNS = "http://www.w3.org/2000/svg";       
        var node = document.createElementNS(svgNS, "animateTransform");
        var atts = {attributeType:"XML", attributeName:"transform", type:"scale" ,from:"1" ,to:"0" ,dur:"5s", fill:"freeze"}
        for(name in atts) {
            node.setAttributeNS(null, name, atts[name]);
        }
        RawSVGNode.appendChild(node);

        }

回复收藏 0 原文

~没有更多了~