绘画板 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 文件的命名规则，用'.'替换了'_'