svg 右键意见删除cvs_SVG自定义右键菜单(原创)

本文介绍如何使用ASV3.0中的contextMenu变量来定制SVG图形上的右键菜单。通过修改菜单XML文档对象,可以轻松地添加自定义项、链接及事件处理。

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

在SVG

图形上单击右键,默认显示的是由ASV自带的由XML文档对象所构建的菜单。在ASV

3.0中,增加了一个contextMenu 变量。该变量同 document 变量一样,也是

window 对象的静态全局变量。它可以引用在ASV

3.0浏览环境下单击鼠标右键时所显示菜单的XML文档对象。通过修改该变量引用的对象内容,可以重构默认的SVG右键菜单。

具体实现为,首先在标记内定义一个菜单,例如下面的代码定义了一个“newMenu”菜单。菜单中可以通过action属性引用内置的ASV函数,通过onactivate属性调用用户自定义的Javascript函数。若给菜单添加链接,则可以设置xlink:href属性。此外,通过

*/

Custom

Menu

Zoom

In

Zoom Out

/* 定义分割符 */

Submenu

Link

onactivate="alert('hello')">hello

然后,通过调用如下所示的javascript语句就可以把原始的上下文菜单替换为新定义的菜单了。

温馨提示:

1.可以将菜单定义部分单独存放为一个xml文件,在使用前将其载入。

2.想给菜单添加事件用的onactivate事件。

参考文献:

1.陈珂. 使用脚本动态操作SVG文档.

http://www-128.ibm.com/developerworks/cn/xml/x-svgscript/index.html,

2005-5-1.

2.Antoine Quint. SVG Tips and Tricks: Adobe's SVG Viewer,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值