小编zaa*_*r78的帖子

我试图position在bounding box.

矩形旋转了 120deg

我正在尝试实现您可以在此处看到的蓝色轮廓

我设法rotation正确使用 ，matrix但我无法正确使用其余部分。

这是我的代码

let svg = document.querySelector('svg')
let overlay = document.querySelector('.overlay')
let rect = svg.children[0]

let bounds = rect.getBoundingClientRect()
let matrix = rect.getCTM()

overlay.style.top = bounds.top + 'px'
overlay.style.left = bounds.left + 'px'
overlay.style.width = bounds.width + 'px'
overlay.style.height = bounds.height + 'px'
overlay.style.transform = `matrix(${matrix.a},${matrix.b},${matrix.c},${matrix.d},0,0)`

http://jsfiddle.net/wjugqn31/67/

我试图选择div具有特定属性的a.我希望div可以按一下只有在有特定的attribute具有true价值.问题是,如果我点击div一次警报仍然显示,而它具有attribute与false价值.

HTML

<a href="#" data-spinner="true">Click Here</a>

jQuery的

$("a[data-spinner='true']").click(function() {
        $("a[data-spinner='true']").attr("data-spinner",false);
    alert("clicked");
});