Web 接口
CSSPositionValue - 表示具有位置的属性的值
接着我们设置 object-position 属性,然后检查返回的值。
源代码:
点击运行 »
<style> #image { width: 375px; height: 200px; border: 1px solid black; background-color: #dededf; object-fit: none; } </style> <p>检查开发人员工具以查看控制台中的日志,并检查图像上的样式属性。</p> <img id="image" src="https://u.mifengjc.com/images/logo.png" alt="Logo"/> <script> let replacedEl = document.getElementById( 'image' ); let position = new CSSPositionValue( CSS.px(35), CSS.px(40) ); replacedEl.attributeStyleMap.set( 'object-position', position ); console.log( position.x.value, position.y.value ); console.log( replacedEl.computedStyleMap().get('object-position') ); </script>
运行结果:
点击运行 »