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

2然后在上方的head標(biāo)簽中的style標(biāo)簽設(shè)置樣式，這里設(shè)置圖片的寬度和高度并設(shè)置相對定位，然后設(shè)置圖片的鼠標(biāo)懸浮樣式，其中設(shè)置動(dòng)畫的形式為3d以及設(shè)置圖片3d旋轉(zhuǎn)偏移的角度，添加一個(gè)動(dòng)畫，設(shè)置好延時(shí)即可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，中文只能豎排，不能旋轉(zhuǎn)，英文可以 mswritingmodetbrl；CSS20實(shí)現(xiàn)不了，CSS30有個(gè)rotate屬性，寫法xxxhoverwebkittransformrotate360deg，但是不兼容IE10以下的瀏覽器 還有一種辦法，再做一張旋轉(zhuǎn)的圖片，鼠標(biāo)hover的時(shí)候變成那張旋轉(zhuǎn)的圖片就好了JS可能也可以。

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

html怎么旋轉(zhuǎn)div

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

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

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

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

html怎么把文字橫過來

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

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

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

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

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