2024-06-24scaleX 设置水平方向的缩放比例，值为一个数字，1表示不缩放，大于1表示放大，小于1表示缩小。scaleY 设置垂直方向的缩放比例，值为一个数字，1表示不缩放，大于1表示放大，小于1表示缩小。scale 同时设置水平，垂直方向，一个值代表水平和垂直方向，两个值一个代表水平，一个代表垂直。rotate3d 前三个参数分别表示坐标轴x，y，z，第四个值表示旋转角度，参数不允许省略。例如：transform：rotate3d（1，1，1，30deg），意思是xyz分别旋转30度。_使用了transform: translate(-50%, -50%); 会影响动画

https://www.qianduange.cn//article/13389.html 分类：前端知识

2024-06-22定义 3D 转换，只是用 Z 轴的值。Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。_transform: translatez(0);

https://www.qianduange.cn//article/13345.html 分类：前端知识

2024-06-214个边 padding: 0px;上下 左右 padding: 0px 20px;上 左右 下 padding: 0px 20px 30px;上 右 下 左 padding: 0px 20px 30px 40px;平移这个元素位置的一半 :transform: translate(-50%,0px);左右 上下居中。

https://www.qianduange.cn//article/13139.html 分类：前端知识

2024-06-05效果一：360°旋转 修改rotate(旋转度数).img1 {效果二：放大 修改scale(放大缩小的值).img2 {效果三：旋转放大 修改rotate(旋转度数) scale(放大值).img3 {效果四：上下左右移动 修改translate(x轴,y轴).img4 {360°旋转放大旋转放大上下左右移动功能：初始化功能描述作者：zichen-jiang。_css3鼠标放上去旋转一圈的样式

https://www.qianduange.cn//article/10822.html 分类：前端知识

2024-06-08代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！transform：scale（2）：只写一个参数，第二个参数则和第一个参数一样，相当于scale（2，2）；translate中的百分比单位是相对于自身元素的translate：（50%，50%）；，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友。transform：scale（1，1）：宽和高都放大一倍，相对于没有放大；_css动画中心点

https://www.qianduange.cn//article/11539.html 分类：前端知识

2024-06-06在Vue、HTML项目中使用@spacechart/translate 插件实现在线实时翻译、自定义翻译_vue如何在html中调用百度翻译功能

https://www.qianduange.cn//article/10930.html 分类：前端知识

2024-06-04上面的例子先是绘制了一个100*50的矩形，它的原点位置是(10,10)。然后用translate()方法将其原点移至(70,70)。接着又绘制了一个100*50的矩形，它距离原点的位置是(10,10)，所以，第二个矩形开始绘制的位置就应该是(80,80)；旋转rotate()方法用以实现以原点为中心的旋转。该方法只接受一个参数，表示要旋转的角度，以为单位。默认情况下，旋转的中心始终是原点(0,0)，如果想改变旋转的中心，则必须使用translate()将原点移动到指定的位置，再进行旋转。

https://www.qianduange.cn//article/10753.html 分类：前端知识

2024-05-30transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

https://www.qianduange.cn//article/10082.html 分类：前端知识

2024-05-26将图片全部定位至中心点，然后x轴就变动translateX ，y轴同理；这里有两个问题浏览器： 以左上角为原点0，0 越往下y越大数学坐标系：以中心点为原点0，0 越往下y越小；曲线函数：坐标确定了原点确定了，就需要对应的曲线函数来描述这条线段我们一个个来解决此时我们已经完成了准备工作，接着完成反向排序的准备工作，dy越大则在html中排列就越小，超越原点即为负数；原点在与你想让它在那个位置，它都可以排列到那个位置，这里我想让它在容器内渲染，所以我想设置在容器内的中心位置，那么这个中心位置，其实就是_css画曲线

https://www.qianduange.cn//article/9481.html 分类：前端知识

2024-05-25ctx.arc(圆心x,圆心y,半径r,开始弧,结束弧,布尔值(方向:顺/逆) 可选)图片对象 从哪一个点开始截取 截取的宽高 在哪一个点开始画 画的宽。ctx.translate(x,y) 将canvas的0,0点平移到x,y位置。.strokeRect(x,y,width,height) 直接绘制一个空心矩形。ctx.fillText(str,x,y) 绘制实心字体 默认比上面黑一些。.fillRect(x,y,width,height) 直接绘制一个填充矩形。

https://www.qianduange.cn//article/9377.html 分类：前端知识