惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Hackread – Cybersecurity News, Data Breaches, AI and More
G
Google Developers Blog
The GitHub Blog
The GitHub Blog
Jina AI
Jina AI
A
About on SuperTechFans
MongoDB | Blog
MongoDB | Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园_首页
Blog — PlanetScale
Blog — PlanetScale
酷 壳 – CoolShell
酷 壳 – CoolShell
Google DeepMind News
Google DeepMind News
D
DataBreaches.Net
B
Blog RSS Feed
大猫的无限游戏
大猫的无限游戏
美团技术团队
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
L
LangChain Blog
WordPress大学
WordPress大学
S
SegmentFault 最新的问题
腾讯CDC
Hugging Face - Blog
Hugging Face - Blog
阮一峰的网络日志
阮一峰的网络日志
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

博客园 - luckylou

Vuex和Pinia 给nodejs分配内存 vue 图片旋转 CSS Transition通过改变Height实现展开收起元素 JS中?? 与 || 的区别 error:03000086:digital envelope routines::initialization error antdesign vue3 a-input-search 清空 css 重置focus样式 sass 中使用/deep/报错(已解决) Object.entries() 凡事有度,过则为灾 h5 判断嵌入微信小程序页面 HTML5页面仅允许拍照 html2canvas 下载图片 anvas保存图片时,谷歌浏览器Chrome报错【解决方案】Not allowed to navigate top frame to data URL append节点原节点消失 clone js 根据 location 获取query string 参数 Easyui常用按钮图标汇总 微信小程序代码提交发布之后,必须删除原来的小程序才会更新到最新的代码
css3 transform scale 和 translate 不同步 translate 放前面
luckylou · 2024-07-04 · via 博客园 - luckylou

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,害我测试了好多遍,找不到规律