HTML 畫布是創(chuàng)建圖像、圖形和動(dòng)畫的基礎(chǔ)。在此之上，我們可以添加文本和其他樣式來(lái)完善我們的圖像。這里我們將介紹如何使用 HTML 畫布設(shè)置文字旋轉(zhuǎn)。

// 1. 創(chuàng)建畫布
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 2. 設(shè)置字體樣式
ctx.font = "30px Arial";
// 3. 在畫布上繪制文本，并指定旋轉(zhuǎn)角度
ctx.save();
ctx.translate(100, 100);
ctx.rotate(Math.PI/4);
ctx.fillText("旋轉(zhuǎn)的文字", 0, 0);
ctx.restore();

上述代碼將在畫布上繪制一段旋轉(zhuǎn)的文本。在第一行我們創(chuàng)建了畫布并獲取了它的上下文。在第二行我們?cè)O(shè)置了文本的字體樣式。在第三行我們使用 save() 和 restore() 函數(shù)來(lái)保存和恢復(fù)當(dāng)前的繪圖狀態(tài)，以便在對(duì)其他元素進(jìn)行繪制時(shí)不受影響。

在第四行，我們使用 translate() 函數(shù)和 rotate() 函數(shù)將畫布的原點(diǎn)移動(dòng)到指定位置，并旋轉(zhuǎn)了畫布。最后，在第五行，我們使用 fillText() 函數(shù)在原點(diǎn)繪制了旋轉(zhuǎn)的文本。

通過(guò)控制旋轉(zhuǎn)角度，我們可以將文本放置于各種角度和位置。同時(shí)，通過(guò)設(shè)置不同的文本樣式，我們可以創(chuàng)建各種獨(dú)特的藝術(shù)效果。