怎样通过js 动态设置transform-origin的属性

望月归乡 2017-06-27 11:25:41

window.onload = function(){
var size =1.5;
var oBox = document.getElementById('box');
var oWraper = document.getElementById('wraper');
var x,y

oWraper.onclick = function(e){
var e = e || window.event;
var x = e.pageX - oBox.offsetLeft;
var y = e.pageY - oBox.offsetTop;
console.log(x +';'+y)
this.style.cssText = 'transform: scale('+size+','+size+');transform-origin:'+x+'px; '+y+'px;';

if(size>1){
size = 1;
}else{
size = 1.5;
}

}


}

这是我写的一段代码,但是页面中显示:

也就是说 this.style.cssText = 'transform: scale('+size+','+size+');transform-origin:'+x+'px; '+y+'px;';中的y没有起作用,不知道为什么,求指教
...全文
1909 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
望月归乡 2017-06-28
  • 打赏
  • 举报
回复
嘎,谢谢你啊
天际的海浪 2017-06-27
  • 打赏
  • 举报
回复 1
你多了个分号 ');transform-origin:'+x+'px; '+y+'px;'

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧