图表缩放问题

第一次前端开发遇到了很多问题,以下是其中一个问题困扰了我几天,mark下来以后复用,如有不正确的或者更好的方式,欢迎指正
假如图表中没有其他字符,推荐使用zoom:number;进行缩放,默认是1.
假如含有其他字符,由于浏览器目前对于汉字的大小最小只能设置成12px,
所以推荐使用transform:scale(number)进行缩放,但是这种方法缩放的默认基点是图表的中心点,所以如果对样式有需求,用
-moz-transform-origin: 0 0;
-webkit-transform-origin:0 0;
-o-transform-origin:0 0;设置左上角为基点进行缩放。
最终代码:-moz-transform-origin: 0 0;
-webkit-transform-origin:0 0;
-o-transform-origin:0 0;
transform:scale(number)
以上为原创,转发请标明,谢谢

猜你喜欢

转载自blog.csdn.net/Ice__cola/article/details/88748031