绘画板 09——自定义右键菜单

自定义右键菜单

使用开源的jquery插件jquery-simple-context-menu.js-1.3.2 实现自定义右键菜单的效果。
插件内容比较简单,方便进行二次开发和定制。

插件的设计思路主要是基于jquery,监听contextmenu事件,并append自定义的div菜单列表。

新增mouse_action.js,用于监听鼠标事件。给svg区域设置插件自定义的contextPopup事件。

(function(){
    $('#svgPanel').contextPopup({
    items: [
        {
            label: ' 取消',
            action: function () {
            }
        },
        {
            label: ' 选择',
            action: function () {
                $("#tool_pick").click();
            }
        },
        {
            label: ' 清屏',
            action: function () {
                $("#clear_all").click();
            }
        }
    ]
});
})();

修改了js文件的命名规则,用’.’替换了’_’

github地址: https://github.com/wangyuheng/painter

DEMO地址: http://painter.crick.wang/