css3 transform scale 和 translate 不同步 translate 放前面

const imageStyle = computed(() => {

    return {

      transform: `translate(${translate.value.x}px, ${translate.value.y}px) scale(${imgScale.value}) rotate(${rotation.value}deg)`,

    }

  })

结论：同时使用translate和scale时，应将scale放前面。

translate放最前面

translate放最前面

translate放最前面

重要的事情说三遍

顺序不一样 translate的偏移值就不一样

折磨人的bug，害我测试了好多遍，找不到规律