twaver(html版)使用过程中的小知识

本文分享了TWaver使用过程中的几个实用技巧,包括如何设置背景色、解决iframe内拓扑图全屏显示问题及chrome60以上版本导出图片的兼容方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用twaver已有一段时间,偶尔碰到忽略到的配置,一直没记录,今天把使用时碰到的问题记录下来,方便以后查阅

1.背景色

box.setStyle('background.type', 'vector');
box.setStyle('background.vector.fill', true);
box.setStyle('background.vector.fill.color', 'red');

2.iframe里嵌套拓扑时,点击全屏并没真正全屏,以下每次重适应即可

window.onresize = function(e){

     mainPane.invalidate();

}

3.导出图片时,chrome60以上的无法导出图片,因为chrome为了安全,禁止从页面打开Data URI了,所以导出图片时不能直接window.open(canvas.toDataURI(), 'network.png');

而应该先打开页面,再写入内容即可

var w = window.open();

w.document.open();

w.document.write("<img src='"+canvas.toDataURL()+"'/)");

w.document.close();

 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值