我正在尝试在画布上设置一个矩形,以将click事件侦听器添加到矩形。 基本上我需要为画布添加click事件监听器但是我无法实现这一点所以我采用了这种方法。 以下是JS&创建的HTML。
JS
var canvasEle = $("#canvas");
var paper = Raphael("the-canvas", canvasEle.width(), canvasEle.height());
var centerX = canvasEle.width()/2;
var centerY = canvasEle.height()/2;
var canvasRect = paper.rect(centerX, centerY, canvasEle.width(), canvasEle.height());
创建的SVG。
<svg height="150" version="1.1" width="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; position: relative;">
<desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.1.4</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs>
<rect x="150" y="75" width="300" height="150" rx="0" ry="0" fill="none" stroke="#000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
</rect>
</svg>
我无法为'canvasRect'生成点击事件。
canvasRect.click( function(){
console.log('test');
});
很高兴我能知道我在这里做错了什么?