常用换行属性​

在 CSS 中，处理文本过长自动换行的问题通常涉及到几个不同的属性，这些属性可以帮助你控制文本的显示方式，确保它们在容器内适当地换行。以下是一些关键的 CSS 属性，你可以用来管理文本换行：

1. word-wrap (或 overflow-wrap): 这个属性可以设置为 break-word，允许单词在需要时可以被拆分换行，以避免文本溢出容器。

   word-wrap: break-word;
   

CSS 选择器具有广泛的功能和用法，包括一些高级的技术和技巧。以下是一些 CSS 选择器的高级用法：

一般选择器​

1. 组合选择器​

• 并集选择器（,）：选择多个元素，使用逗号分隔它们。例如：h1, h2, h3 { color: blue; }。
• 后代选择器（空格）：选择嵌套在另一个元素内部的元素。例如：div p { color: red; }。

画布尺寸​

高清分辨率​

上面说过，避免图形变形失真，要保持画布尺寸和画板尺寸一致。

这只是针对分辨率不高的设备而言，其 window.devicePixelRatio 为 1。而高分辨率屏幕，它的 window.devicePixelRatio 大于 1。

Canvas 绘制的图形是位图，即 栅格图像 或 点阵图像，当将它渲染到高清屏时，会被放大，每个像素点会用 window.devicePixelRatio 平方个物理像素点来渲染，因此图片会变得模糊。

The path element features quite a number of these commands. There are two that are relevant for our purposes:

• Q, which instructs the path to create a quadratic Bézier curve.
• C, which instructs the path to create a cubic Bézier curve.

Online practice site: https://bezier.method.ac