Giter VIP home page Giter VIP logo

Comments (12)

First-blood avatar First-blood commented on May 18, 2024

而且这个颜色会不停的加深,最后你懂的。。。

from zrender.

kener avatar kener commented on May 18, 2024

没有这个逻辑,我猜不是加深,是透明叠加了,出现了多个shape,看看自己的代码逻辑?

from zrender.

First-blood avatar First-blood commented on May 18, 2024

哦,不停的在以前的shape位置继续增加?但是我每次加完后重置一次opacity 就没有这个效果哟

from zrender.

kener avatar kener commented on May 18, 2024

这是你自己写的shape吗?有save和restore不应该啊

from zrender.

First-blood avatar First-blood commented on May 18, 2024

不是。。这个是 image.。对了 你的Image图形之所以在FF下面显示不出来是因为这个原因
123
在后面的image.complete这个判断
//图片已经加载完成
if (window.ActiveXObject) {
if (image.readyState != 'complete') {
return;
}
}
else {
if (!image.complete) {
return;
}
}
和 ctx.drawImage(image, x, y, width, height);都会有问题,所以这里我直接用了new Image()了。
drawStep : function(left, top, num) {
dancer.stepClick.className = "stepclick hide";
var pos1 = left - this.content.pos.left - 45;
var pos2 = top - this.content.pos.top - 21;
var pos3 = pos1 + 84;
var pos4 = pos2 + 36;
var src;
if(1 == num) {
src = "images/nstep.png";
}
else {
src = "images/dstep.png";
}
var shap = {
shape : 'image',
id : zr.newShapeId(),
style : {
x : 0,
y : 0,
image : src,
width : 182,
height : 40,
color:"#A8A8A8",
text : '人力主管部门归档',
textPosition :'inside',
textFont:'bold 15px verdana',
textColor : '#FFF'
},
draggable : true,
position : [pos1, pos2],
onmouseover : function(params) {
var shape = params.target;
if(2 == dancer.opreateNum) {
dancer.stepConnectTip.style.left = shape.position[0] + dancer.content.pos.left - 9 + "px";
dancer.stepConnectTip.style.top = shape.position[1] + dancer.content.pos.top - 9 + "px";
dancer.stepConnectTip.className = "stepConnectTip";
}
},
ondragstart : function(params) {
var shape = params.target;
dancer.draging = true;
dancer.dragTag = shape;
},
onmouseover : function(params) {

            },  
            ondragend : function() {
                dancer.draging = false;
                dancer.dragTag = "";
            },  
        }

        zr.addShape(shap);
        zr.render();
        if(0 != dancer.shapList.length) {
            for(var i = 0, shaper;shaper = dancer.shapList[i++];) {
                zr.modShape(shaper.id, {
                    style : {
                        opacity: 1  
                    }   
                }); 
                zr.refresh();
            }
        }
        temp = {"type" : "rectangle", "x1":pos1, "x2":pos3, "y1":pos2,  "y2":pos4 ,"id":shap.id};
        dancer.shapList.push(temp);
    },

这个是我整个绘制图片图形的函数。

from zrender.

First-blood avatar First-blood commented on May 18, 2024

http://www.processon.com/
今天同事看到了这个 感觉也很不错

from zrender.

kener avatar kener commented on May 18, 2024

问题解决了吗?发个邮件看看代码或直接给个能访问到了例子看看?

from zrender.

First-blood avatar First-blood commented on May 18, 2024

还没有,总体来说目前还是遇到了不少的问题,我想加你QQ和你详细说说 如果方便的话。 我的QQ是775486560

from zrender.

kener avatar kener commented on May 18, 2024

欢迎加入 echarts hi群 1379172

from zrender.

First-blood avatar First-blood commented on May 18, 2024

额 发送了消息 没人加入哟。。

from zrender.

kener avatar kener commented on May 18, 2024

百度hi群,不是qq啊~ 1379172

from zrender.

kener avatar kener commented on May 18, 2024

fixed 1.0.6

from zrender.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.