如何使用html,css和javascript實現http://jdstiles.com/java/angledtext2.html這種角度(傾斜)。在設計中,我們有表格結構體,通過點擊一個標籤頁,下面的區域應該刷新而不用重新加載頁面(有些像jquery或ajax)。通過html css和javascript傾斜設計?
0
A
回答
0
它看起來像他們這樣做的方式是通過使用三角函數來將文本繪製爲線。它是基於矢量的,因此它們創建一個上升/運行,將單詞分解爲字符,然後遍歷該函數,爲每個字符添加一個跨度,並將其定位爲實物。
目前尚不完全清楚你想如何使用它,但你需要做的是在一定程度上將你的窗體分解成最小的元素,然後對每個元素應用樣式,使用三角函數的基礎計算循環中每個元素的位置。
雖然不知道你到底想做什麼,但是向你展示它在代碼中的樣子是沒有意義的。您鏈接到的網站可能是該流程的最佳示例,即使不完全符合您的要求。
0
你有很多的選擇:
- 使用this jquery plugin。
- 使用您鏈接的人。
- 將文本呈現在畫布中 - 有很多關於如何在網頁上浮動的示例。你需要一個非帆布解決方案,如excanvas.js
- 使用一個較新的瀏覽器特定的屬性手動
使用插件可以讓你去,最快的速度,而且將圍繞旋轉的字母。
相關問題
- 1. 傾斜對角線的CSS
- 2. 如何渲染HTML或CSS或JavaScript的傾斜圖像..?
- 3. 用CSS傾斜的列
- 4. CSS,jQuery的斜率/傾斜菜單
- 5. CSS設計和HTML
- 6. Html傾斜的圖像?
- 7. css:稍微傾斜的邊框半徑
- 8. 可以使用HTML或CSS輕鬆地傾斜圖像嗎?
- 9. 帶CSS的傾斜圖像框
- 10. CSS響應傾斜的邊緣
- 11. 如何使css中的右側傾斜?
- 12. 使用fov和中心搖攝和傾斜值來計算邊界的搖攝和傾斜?
- 13. 傾斜iPhone更改UIImage(加速度計)
- 14. 與iPad傾斜
- 15. 使用css向右邊框和左邊框傾斜
- 16. 我如何使傾斜線行的HTML
- 17. CSS過渡 - 包含液體的傾斜試管
- 18. 傾斜手機。加速度計錯誤
- 19. 添加更傾斜的斜體文本
- 20. SoapUI +傾斜集成
- 21. 通過HTML/CSS內容循環的JavaScript
- 22. 谷歌街景+設備傾斜
- 23. PictureBox傾斜圖像
- 24. Raking UnknownAttributeError當傾斜
- 25. iPhone傾斜方向
- 26. 設置「scrollTop的」爲通過HTML/CSS(無JavaScript)的溢出元素
- 27. 傾斜圖像的一側
- 28. 通過CSS設計名片的困難
- 29. 使用CSS和HTML設計VB.net窗體?
- 30. OpenCV - 調整傾斜角度的照片(傾斜)
你爲什麼不使用你鏈接的那個? ......我覺得這樣很可怕。 – CiscoIPPhone 2010-04-22 15:29:08
我不認爲他想這樣做的文字,這就是爲什麼我保留判斷...... @Nehal:請告訴我你不想用它的文字... – dclowd9901 2010-04-22 15:32:54
啊,易讀性; **所以**九十年代... – 2010-11-22 13:15:48