[{"content":"JavaScript 变量赋值给 CSS 使用 方法一: 原生 dom 方法 使用原生的 dom 的方法来改变 css 的样式, 示例:\n1document.getElementById(id).style.property = new style(); 这里的 new style 里边就可以使用 js 传入的变量\n此方法固然可以，但是对应改变一些复杂的 CSS,比如动画等，操作起来就不太方便了。此时以下方法就显得更为重要了.\n方法二: CSS 变量 利用 CSS 变量来处理，思路是将 js 变量赋值给 css 变量，然后在 css 样式中使用 css 变量.\n示例:\n1// 设置变量 2document.body.style.setProperty(\u0026amp;#34;--primary\u0026amp;#34;, \u0026amp;#34;#7F583F\u0026amp;#34;); 3// 读取变量 4document.body.style.getPropertyValue(\u0026amp;#34;--primary\u0026amp;#34;).trim(); 5// \u0026amp;#39;#7F583F\u0026amp;#39; 6// 删除变量 …","date":"2026-04-04","permalink":"/blog/zh/posts/assign-js-to-css/","summary":"JavaScript 变量赋值给 CSS 使用 方法一: 原生 dom 方法 使用原生的 dom 的方法来改变 css 的样式, 示例:\n1document.getElementById(id).style.property = new style(); 这里的 new style 里边就可以使用 js 传入的变量\n此方法固然可以，但是对应改变一些复杂的 CSS,比如动画等，操作起来就不太方便了。 …","tags":["Javascript","Css"],"title":"Assign Js to Css"},{"content":"求圆上一点的坐标 计算圆上一点的坐标，通常取决于你已知的信息（如角度、圆心位置等）。最常用的方法是使用三角函数。\n标准圆 (圆心在原点) 如果圆心位于坐标系原点 $(0, 0)$，半径为 $r$，且该点与 $x$ 轴正方向的夹角为 $\\theta$，则该点的坐标 $(x, y)$ 为：\n$$x = r \\cdot \\cos(\\theta)$$$$y = r \\cdot \\sin(\\theta)$$\n一般位置的圆 (圆心不在原点) 如果圆心的坐标为 $(x_c, y_c)$，半径为 $r$，夹角为 $\\theta$，则坐标计算公式需要进行平移：\n$$x = x_c + r \\cdot \\cos(\\theta)$$$$y = y_c + r \\cdot \\sin(\\theta)$$\n注意事项与技巧 弧度制转换：\n在大多数编程语言（如 C#、C++、Python）中，三角函数 cos 和 sin 使用的是弧度而非角度。\n转换公式：$\\text{弧度} = \\text{角度} \\cdot \\frac{\\pi}{180}$ 坐标系方向：\n在数学坐标系中，$y$ 轴向上为正，角度逆时针增加。 在计 …","date":"2026-03-21","permalink":"/blog/zh/posts/calc-circle-point-coordinates/","summary":"求圆上一点的坐标 计算圆上一点的坐标，通常取决于你已知的信息（如角度、圆心位置等）。最常用的方法是使用三角函数。\n标准圆 (圆心在原点) 如果圆心位于坐标系原点 $(0, 0)$，半径为 $r$，且该点与 $x$ 轴正方向的夹角为 $\\theta$，则该点的坐标 $(x, y)$ 为：\n$$x = r \\cdot \\cos(\\theta)$$$$y = r \\cdot \\sin(\\theta)$$ …","tags":["calc"],"title":"圆上坐标"}]