Question

我正在尝试在画布上设置一个矩形，以将click事件侦听器添加到矩形。基本上我需要为画布添加click事件监听器但是我无法实现这一点所以我采用了这种方法。以下是JS＆amp;创建的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');
});

很高兴我能知道我在这里做错了什么？

在画布上创建一个矩形以执行单击事件

0 个答案: