接着我们设置 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>
​x
 
<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>
​