我有一个SVG元素feTurbulence
,我想为其seed
添加一个随机值。因此,我在浏览器下载的HTML中将seed
属性值设置为0
,并在之后添加JS代码以进行更改document.querySelector('feTurbulence').setAttribute('seed', Math.random())
。但是在加载HTML时,浏览器并不知道seed
会很快“改变”(即:渲染此SVG无用,因为它很快就会改变)。
所以我的问题是:是否有一种HTML方式向浏览器声明属性值将很快改变(因此,让浏览器足够聪明,不要在之前渲染整个SVG种子发生了变化)?
我记得在HTML规范中读过一些关于“属性值会很快改变”的内容,但我找不到它的确切来源。
答案 0 :(得分:0)
所以我似乎已经混入了CSS will-change
属性。
我只是按原样使用0
的种子,在Math.random()
被触发后将其替换为DOMContentLoaded
,然后让浏览器决定是否使用SVG是两次或不是。