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

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

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

自定义右键菜单

使用开源的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文件的命名规则，用’.’替换了’_’