html - 使用具有偏移量的背景图像填充 SVG 元素

标签 html css image svg background-image

我想做类似的事情Fill SVG path element with a background-image

但是,我想移动/偏移图像。使用 CSS,可以通过设置 background-imagebackground-position 轻松完成。如何使用 SVG 实现?

最佳答案

您可以在图案元素上使用patternTransform 来转换图案;它就像您可能已经熟悉的 transform 属性一样工作。参见 the documentation了解详情。

关于html - 使用具有偏移量的背景图像填充 SVG 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5239458/

相关文章:

php & mysql 表单数据

css - 如何使图像出现在链接悬停上

html - 悬停时 IMG 链接覆盖

javascript - 使用 JavaScript 在鼠标光标移动时获取焦点元素

python - 如何检查系统中是否存在文件或不在 html 页面中使用 jinja?

html - 当元素包含向右浮动的子元素时,如何正确居中对齐元素?

html - h1背景的动态宽度

javascript - 占位符垫片 - 被媒体查询窃听

node.js - NodeJS 将 base64 编码的图像写入文件

java - 将字节数组转换为图像