View unanswered posts | View active topics It is currently 2019-11-22 3:57



Reply to topic  [ 5 posts ] 
 拖拽注册的图片,会有残影,这个怎么解决呢 
Author Message
新手上路

Joined: 2019-04-02 15:45
Posts: 5
Post 拖拽注册的图片,会有残影,这个怎么解决呢
注册一个矢量图作为节点,鼠标进行拖拽节点的时候,会有残影,有大佬遇到过吗?鼠标随便点击一下就没了


Attachments:
File comment: 拖拽后的残影
TIM截图20190402155055.png
TIM截图20190402155055.png [ 4.44 KiB | Viewed 631 times ]
2019-04-02 15:51
Profile
新手上路

Joined: 2019-03-25 10:57
Posts: 4
Post Re: 拖拽注册的图片,会有残影,这个怎么解决呢
你好,你是怎么注册图片的,方便发个demo看一下吗?


2019-04-02 16:23
Profile
新手上路

Joined: 2019-04-02 15:45
Posts: 5
Post Re: 拖拽注册的图片,会有残影,这个怎么解决呢
const rect = {
...baseShape,
w: SHAPE.rect.w,
h: SHAPE.rect.h,
outlineWidth: 0,
v(data) {
const attr = [
{
shape: 'rect',
rect: SHAPE.rect.rect
},
...createPoint('rect', ['top', 'right', 'bottom'])
];
if (data.getClient('isPoly')) {
attr.push(polyImg);
attr.push(polyText);
}
return attr;
}
};
twaver.Util.registerImage('fmd_midst_item', rect);

代码这边注册矢量图,然后创建节点的时候,调用setImage('fmd_midst_item');


2019-04-03 10:00
Profile
新手上路

Joined: 2019-03-25 10:57
Posts: 4
Post Re: 拖拽注册的图片,会有残影,这个怎么解决呢
你好,出现这种情况一般是因为注册的矢量图片的宽高超出了网元本身的大小,拖拽就会产生残影,network上网元拖拽时会不断的局部刷新矢量图,因此会有残影。

官方API文档的矢量图说明:
如果clip为false,而且画出了图形的边界,缩放比例大于1时,网元移动时可能会有残影,这是由于局部刷新导致的。这种情况有2个选择,要么clip为true,要么不要画出边界
http://doc.servasoft.com/twaver-document-center/recommended/twaver-html5-guide/vector-and-data-binding/#i-14

建议您先在控制台拿到当前页面的network 然后输出一下
twaver.vector.network._debug = true;
这样就能看到页面中会有一个黄色矩形边框
这个黄色矩形就是你注册的矢量图大小。

检测一下是矢量图超出网元大小的原因之后,解决方案为:
1. 重设网元大小,
twaver.node.getSize() //获取大小
twaver.node.setSize() //设置大小

2.去除超出网元部分的矢量图
twaver.Util.registerImage('clip_false', {
w: 100,
h: 100,
clip: true, //添加clip属性为true 默认为false
origin: { x: 0.5, y: 0.5 }, // optional, default is { x: 0.5, y: 0.5 }
v: [
{
shape: 'ellipse',
cx: 0,
cy: 0,
rx: 60,
ry: 40,
fill: '#0089C1',
gradient: {
type: 'linear.west',
color: '#61B6D8'
}
}
]
});


2019-04-03 11:55
Profile
新手上路

Joined: 2019-04-02 15:45
Posts: 5
Post Re: 拖拽注册的图片,会有残影,这个怎么解决呢
谢谢哈,已解决,就是注册的矢量图片的宽高超出了网元本身的大小这个问题


2019-04-03 15:59
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 5 posts ] 

Who is online

Users browsing this forum: No registered users and 15 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron