您好，感謝您對火狐的支持 給您提供一個示例，把網(wǎng)頁上的文字和圖片按180旋轉后顯示，字是反的lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 StrictENquot quotDTDxhtml1strict；你的js代碼開始的那句oGCtranslate100，100改變了繪圖的原點，雖然你清除的圖形寬高設置夠所以你clearRect清楚畫布的時候只清除了一點點正確寫法oGCclearRect0，0，oCwidth，oCheight你可以吧其余代碼注釋掉看。

2然后在上方的head標簽中的style標簽設置樣式，這里設置圖片的寬度和高度并設置相對定位，然后設置圖片的鼠標懸浮樣式，其中設置動畫的形式為3d以及設置圖片3d旋轉偏移的角度，添加一個動畫，設置好延時即可3最后打開瀏覽器；lt！DOCTYPE HTMLlthtml lthead ltmeta charset=UTF8 lttitleYuGiOhlttitle ltstyle type=quottextcssquot * margin0 padding0 #div position absolute top 50px。

border1px solid #4EC83Bwidth 30pxheight 100pxquotHello World！ltdivltbodylthtml效果如下對于英文，IE還有一種方式，使用mswritingmode，中文只能豎排，不能旋轉，英文可以 mswritingmodetbrl；CSS20實現(xiàn)不了，CSS30有個rotate屬性，寫法xxxhoverwebkittransformrotate360deg，但是不兼容IE10以下的瀏覽器 還有一種辦法，再做一張旋轉的圖片，鼠標hover的時候變成那張旋轉的圖片就好了JS可能也可以。

用canvas，畫矩形的方法是rect，四個參數(shù)就是輸入的四個坐標，當然也可以用畫線段的方式畫出來旋轉的話canvas也支持rotate方法，參數(shù)是45deg就可以了，跟CSS3差不多的使用方法。

html怎么旋轉div

1、lt！DOCTYPEhtml lthtml lthead ltstyle bodymargin0pxpadding0px *transform就是專門為img圖片設置的旋轉* img1transformrotate90degborder1pxsolidred ltstyle lthead ltbody ltimgid=quotimg。

2、html5中引入3d模型的方法是借助第三方PlayCanvas插件來完成的比如可以用以下方法實現(xiàn)圖片的360度旋轉代碼示例var render， loop， t， dt， 定義變量 DEG2RAD = MathPI 180， 角度轉弧度 cvs =。

3、把網(wǎng)頁上的文字和圖片按180旋轉后顯示，字是反的lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 StrictENquot quotDTDxhtml1strictdtdquot lthtml xmlns=quot。

4、首先save是保存當前狀態(tài)，restore是返回上一次保存的狀態(tài)你畫出quot文字1quot，后旋轉，后返回相當于沒有旋轉，最后才畫quot文字2quot，所以兩次文字都不旋轉其次rotate的參數(shù)不是角度制，而是弧度制MahtPI相當于180。

html怎么把文字橫過來

你可以用phoneGap 這個跨的框架 phoneGap就是封裝了一堆的方法，通過js去調(diào)用ios 或者 android系統(tǒng)的一些應用 例如拍照上傳，獲取聯(lián)系人定位，重力，方向感應等等 這些套裝，可以在各種上使用 建議查看phoneGap資料。

在HTML中，通過可以實現(xiàn)鼠標懸停在div上時，元素執(zhí)行旋轉45度效果Adivhovertransformrotate45deg Bdivhovertransformtranslate50px Cdivhovertransformscale15 Ddivhovertransformskew。

桌簽字體可以通過旋轉的方式來實現(xiàn)文字垂直或者水平排列在Microsoft Word中，可以通過以下步驟來旋轉桌簽字體#xF50D選中文本框選中需要旋轉的桌簽文本框#xF500選擇旋轉方向在“布局”選項卡中的“旋轉”組中，可以選擇“文本方向”和“文本框方。

6rotateY的值可以旋轉立方體的各個面，使上面的文字處于正確的位置上7而 translateZ 的值使元素在指定容器中向前或向后移動translateY的值看起來有些混亂，但是請記住，它的作用是通過透明的面板來使指定的面升高或。

代碼如下lt！DOCTYPE html lthtml lthead lttitleCSS3旋轉圖片lttitle ltstyle demo width 100pxheight 75pxbackgroundcolor yellowborder 1px solid blackmargin20px div2 transform rotate。