如何将字符串样式应用于HtmlElement

Question

我尝试过这种方式来连接字符串中的所有样式：

pointElement.style = `
display: 'block',
left: ${(rotated_x + w / 2) / scale}px,
top: ${(h / 2 - rotated_y) / scale}px`;

它不适用。

Answer 1

你可以使用这个，

pointElement.style.display = 'block';
pointElement.style.left = `${(rotated_x + w / 2) / scale}px`;
pointElement.style.top = `${(h / 2 - rotated_y) / scale}px`;

但不要忘记使用position: absolute;CSS属性来应用左侧和顶部属性。您还需要有一个容器元素，该元素具有position: relative;CSS属性，用于对内部pointElement进行绝对定位。