javascript - 使用 Javascript 更改元素符号图像的大小？

Question

我通过 url 加载了一个图像元素符号样式:

var a = document.createElement('li');
a.style.listStyleImage = "url(some url)";
a.style.listStylePosition = "inside";

但是我想使用 Javascript 增加元素符号(图像)的大小，这可能吗？

Answer 1

正如评论中已经提到的，list-style-image 不支持您想要的行为。

使用背景

如果您还没有背景:只需使用元素 background-image 属性 isstead。

如果您已经有了背景:在 CSS3 中可以定义多个背景。这意味着您可以将元素符号图像用作附加的非重复背景，并让您完全控制它。虽然通过 javascript 控制多个背景并不是很有趣，但我也没有听说过任何好的插件。不过，您可能想四处看看，有人可能已经做了一些东西，否则只需编写您自己的抽象层即可。

使用数据 url 的

另一种更疯狂的方法是通过 ajax 加载图像，将其绘制到以您喜欢的任何方式缩放的 Canvas 上，从 Canvas 生成数据 uri 并将其设置为 列表的 uri -style-image 属性。