整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML <body> 標簽

          一個簡單的 HTML 文檔,包含盡可能少的必需的標簽:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>文檔標題</title>

          </head>

          <body>

          文檔內容......

          </body>

          </html>


          瀏覽器支持

          所有主流瀏覽器都支持 <body> 標簽。


          標簽定義及使用說明

          <body> 標簽定義文檔的主體。

          <body> 元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。


          HTML 4.01 與 HTML5之間的差異

          在 HTML 5 中,刪除了所有 body 元素的"呈現屬性"。

          在 HTML 4.01 中,所有 body 元素的"呈現屬性" 已廢棄。


          屬性

          屬性描述
          alinkcolorHTML5 不支持。 HTML 4.01 已廢棄。 規定文檔中活動鏈接的顏色。
          backgroundURLHTML5 不支持。 HTML 4.01 已廢棄。 規定文檔的背景圖像。
          bgcolorcolorHTML5 不支持。 HTML 4.01 已廢棄。規定文檔的背景顏色。
          linkcolorHTML5 不支持。 HTML 4.01 已廢棄。規定文檔中未訪問鏈接的顏色。
          textcolorHTML5 不支持。 HTML 4.01 已廢棄。規定文檔中所有文本的顏色。
          vlinkcolorHTML5 不支持。 HTML 4.01 已廢棄。規定文檔中已被訪問鏈接的顏色。

          全局屬性

          <body> 標簽支持 HTML 的全局屬性。


          事件屬性

          <body> 標簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          文簡介

          點贊 + 關注 + 收藏 = 學會了


          IText 是 Fabric.js 提供的一個 可編輯文本 的元素。



          要設置文字顏色,可以設置 fill 。

          但 fill 會設置所有文字的顏色,如果你只想修改指定文字的顏色,只用 fill 就不是那么容易實現了。

          本文要講的就是 設置指定文字的顏色和背景色


          設置文字顏色或背景色,需要分情況討論的:

          1. 全文設置
          2. 設置指定文字顏色(單行)
          3. 設置指定文字顏色(多行)

          接下來就將上述情況逐一講解。



          起步

          <canvas id="c" width="600" height="400" style="border: 1px solid #ccc;"></canvas>
          
          <!-- 引入 Fabric.js -->
          <script src="https://cdn.bootcdn.net/ajax/libs/fabric.js/521/fabric.js"></script>
          
          <script>
            // 初始化畫布
            const canvas = new fabric.Canvas('c')
          
            // 創建文本
            const iText = new fabric.IText('hello world')
          
            // 將文本添加到畫布里
            canvas.add(iText)
          </script>
          復制代碼

          首先把 Fabric.js 引入,然后初始化畫布。如果對這個概念不太熟的話,可以看看 Fabric.js 從入門到膨脹。

          最后通過 new fabric.IText 創建一段文字添加到畫布中。


          全文設置

          // 省略部分代碼
          
          const iText = new fabric.IText('hello world', {
            fill: 'pink'
          })
          復制代碼

          fill 可以設置文字的填充顏色。在 Fabric.js 里是使用這個屬性設置顏色的,和 css 設置文字顏色使用 color 不一樣~



          單行:設置指定文字顏色

          const iText = new fabric.IText('hello world', {
            styles: {
              0: {
                1: {
                  fill: '#f00' // 文字顏色,#f00是紅色
                }
              }
            }
          })
          復制代碼

          第一次看到上面的代碼時我也覺得有點奇怪,后來仔細看了下才發現這樣設計的用意。

          styles 是一個對象。

          styles: { // 設置樣式
            0: { // 第1行
              1: { // 第2個字符
                // 要設置的樣式
              }
            }
          }
          復制代碼

          上面這段代碼是這個意思。行號和字符位置都是從0開始算起,有點像數組下標的意思。

          我們這個例子只有1行,所以行號是0。

          e 的下標是 1 。所以上面的代碼就把 e 設置成紅色了。其他字符還是默認的顏色。



          多行:設置指定文字顏色

          const iText = new fabric.IText('hello\nworld', {
            styles: { // 設置樣式
              0: { // 第1行
                1: {
                  fill: '#f00' // 文字顏色
                }
              },
              1: { // 第2行
                2: {
                  fill: 'hotpink'
                }
              }
            }
          })
          復制代碼

          IText 的換行是用 \n 來表達的。

          這個例子要 修改第1行第2個字符的文字顏色為紅色,第2行第3個字符為亮粉色

          從代碼里的注釋應該可以看得懂本次操作。



          設置文字背景色

          const iText = new fabric.IText('hello world', {
            styles: {
            0: {
              1: {
                textBackgroundColor: 'yellowgreen', // 背景色
              }
            },
          })
          復制代碼

          和設置文字顏色的原理一樣,只是把關鍵字改一改就行。

          textBackgroundColor 翻譯成中文就是文本背景色。



          代碼倉庫

          ?Fabric 設置IText指定字符顏色和背景色



          推薦閱讀

          《Fabric.js 筆刷到底怎么用?》

          《Fabric.js 圓形筆刷》

          《純CSS 紅磚背景墻》

          《Fabric.js 自由繪制橢圓》

          、 結構

          一、標記<Html> 建立HTML文檔

          <Head> 設置網頁頭部和其它信息

          <Body> 設計文件格式及內文所在<Body> 元素的屬性

          Text 設置頁面文字的送顔色 Bgcolor 設置頁面背景的顡色

          Background 設置頁面的背景圖像 Link設置頁面黙認的顔色

          Bgproperties 設置頁面的背景圖像為固定,不隨頁面的滾動而滾動

          Alink 設置鼠標正在單擊時候的鏈接顔色 Vlink 設置訪問過后的鏈接顔色

          Topmargin 設置頁面的上邊距 Leftmargin 設置頁面的左邊距

          二、頭部

          標記 <Base> 當前文檔的URL全稱 <Title>設置顯示在瀏覽器在上方的標題內容

          <Isindex> 表明該文檔是一個可用于檢索的網關腳本

          <Meta> 有關文檔本身的信息,例如用于查詢的關鍵詞,用于獲取該文檔的有效期等

          <Style> 設置CSS層疊樣式表的內容

          <link> 設置外部文件的鏈接 <script> 設置頁面中程序腳本的內容

          <Mate> 標記屬性

          Http-Equiv 生成一個HTTP標題域,它的取值與另一個屬性相同,

          例如Http-Equiv=Expires,實際取值由Content確定

          Name 如果元數據是以關鍵字/取值的形式出現的,Name 表示鍵字,

          如Author或ID

          Content 關鍵字/取值的內容

          三、文字

          文字標記 <HNumber>……<1HNumber> Number=1.2.3.4.5.6

          分別指1至6級標題

          <Font>文字

          文字的修飾標記 <B>/<strong> 粗體 <I>/<Em>/<cite> 斜體

          <Sup>上標 <sub>下標 <Big>大字號 <small>小字號

          <U>下劃線 <S>/<strike>刪除線 <Address>地址

          <Tt>打字機文字 <Blink>閃爍文字(只適用于Netscape瀏覽器)

          <Code>/<samp>等寬 <kbd>鍵盤輸入文字 <Var>聲明變量

          <Fant>標記的屬性

          Face 字體 Size字號 Color顔色

          四.列表

          列表標記 <Ul>無序列表 <Ol>有序列表 <Dir>回錄列表 <Dl>定義列表

          <Meru>菜單列表 <Dt>·<Dd>定義列表的標記 <Li>列表項目的標記

          <Ul><Ol>標記的屬性 Type設置列表類型 start設置列表起始屬性

          Type的屬性值 1 數字 a 小寫字母 A 大寫字母 i小寫羅馬數字

          I 大寫羅馬數字 Disc ● Circle ○ square □

          五.鏈接

          鏈接標記 <A> 鏈接

          <A>標記的屬性 Href 指定鏈接地址 Name給鏈接命名

          Title設置鏈接提示文字 Target指定鏈接的目標窗口

          Target屬性值 -parent在上一級窗口中打開。一般使用分幀的框架頁會經常使用

          -bank在新窗口中打開

          -self在同一個幀或窗口中打開.這項一般不用設置

          Href屬性值 http:// 進入萬維網站點 news://啟動新聞討論

          ftp:// 進入文件傳輸服務器 mailto:// 啟動新聞討論組

          telnet:// 啟動telnet方式 gopher://訪問一個gopher服務器

          六.圖片

          圖片標記 <Img>圖片 <Map>圖像映射 <Area>圖像映射中定義區域

          <lmg>標記的屬性 src圖像的源文件 Alt提示文字 Width寬度

          Height高度 Vspace垂直間距 Hspace水平間距 Align排列 Border邊框

          Align屬性值 Top文字的中間線居于圖片上方 Middle文字的中間線居于圖片中間

          Bottom文字的中間線居于圖片底部 Left 圖片在文字的左側

          Right圖片在文字的右側 Absbottom文字的底線居于圖片底部

          Absmiddle文字的底線居于圖片中間 Baseline英文文字基線對齊

          Texttop英文文字上邊線對齊

          Shape屬性值

          Rect矩形區域 Circle橢圓形區域 Poly多邊形區域

          七.表格

          1.表格標記 <Table>…</Table>表格標記 <Tr>…</Tr>行標記

          <Td>…</Td>單元格標記 <Th>表頭標記

          <Table>標記屬性 Bordercolor 表格邊框色 Borde表格邊框的寬度

          Bordercolorlight 表格邊框亮邊框色(左上邊框顔色)

          Bordercolordark 表格暗邊框色(右下邊框顔色)

          Bordercolor 行的邊框顔色 Width表格的寬度 Height表格的高度

          Bgcolor表格的背景顔色 Background表格的背圖像

          <Tr>標記屬性 Align行內容的水平對齊 Valign 行內容的垂直對齊

          Bgcolor 行的背景顔色 Background 行的背景圖像

          Bordercolor 行的邊框顔色 Bordercolorlight 行的亮邊框顔色

          Bordercolordark 行的暗邊框顔色

          <Td>標記屬性 Align單元內容的水平對齊 Valign單元格內容的垂直對齊

          Bgcolor 單元格的背景顔色 Background 單元格的背景圖像

          Bordercolor單元格的背景顔色 Bordercorlorlight單元格的亮邊框顔色

          Brodercolordark 單元格的暗邊框顔色 Width 單元格的寬度

          Height單元格的高度

          <Th>標記屬性 Align表頭內容的水平對齊 Valign表頭內容的垂直對齊

          Bgcolor 表頭的背景顔色 Background表頭的背景圖像

          Bordercolor表頭的邊框顔色 Bordercolorlight 表頭的亮邊框顔色

          Bordercolordark 表頭的暗邊框顔色 Width 表頭的寬度 Height 表頭的高度

          八.表單

          1.表單標記 <Form>表單標記 <Input>表單輸入標記

          <select>菜單和列表標記 <Option>菜單和列表項目標記

          2.屬性 <Form> Name表單的名稱

          Method 定義表單結果從瀏覽器傳送到服務器的方法,一般有兩種方法:get,post

          Action 用來定義表單處理程序(一個Asp,CGI等程序)的位置(相對地址或絕對地址)

          <lnput>標記屬性 Name 域的名稱 Type域的類型

          Maxlength 域的最大輸入字符數 size域的寬度 Value 域的默認值

          <Select>標記屬性 Name 菜單和列表的名稱 size 顯示的選項數目

          Multiple 列表中的項目多選 Value 選項值 selected默認選項

          <Texrarea>標記屬性 Name 文字域的名稱 Rows文字域的行數

          Cols 文字域的列數 Value 文字域的默認值

          Type屬性值 Text 文字域 Password 密碼域 File 文件域

          Checkbox復選框 Redio單選框 Button普通按扭

          Submit 提交按鈕 Reset重置按鈕 Hidden隱藏域Image圖像域

          九.滾動

          滾動標記 <Marquee>

          <Marquee>標記屬性 Direction 滾動方向 up 文字向上滾動 Left文字向左滾動

          Behavior 滾動方式 Scroll 循環往復

          Side 只做一次滾動

          Alternate 交替進行滾動

          ScrollAmount 滾動速度

          ScrollDelay 滾動延遲

          Trim函數用來剔除首尾空格

          十.框架

          1.標記 <Frameset> 框架邊框標記 <Frame> 框架標記 <Iframe>浮動框架標記

          <Frameset>標記屬性 Cols列 Rows行

          <Frame> 標記屬性 src框架中顯示頁面源文件的路徑

          FrameBorder 框架邊框顯標屬性 FrameSpacing框架邊框寬度屬性

          Scrolling框架滾動條顯示屬性 NoResize 框架尺寸調整屬性

          BorderColor 框架邊框顔色屬性 MarginWidt 框架邊框緣寬度屬性

          MarginHerght框架邊緣高度屬性

          <1frame> 標記屬性 src浮動框架中顯示頁面源文件的路徑

          Width 浮動框架的寬度 Height 浮動框架的高度

          Name 浮動框架的名稱

          Align 浮動框架的排列方式 Left表示居左 Center表示居中 Right表示居右

          FrameBorder 框架邊框顯示屬性 FrameSpacing 框架寬度屬性

          Scrolling 框架滾動條顯示屬性 ( yes顯示 No不顯示 Auto根據頁面的長度自動判斷是否晶粒示滾動條

          NoResize 框架尺寸調整屬性 BorderColor框架的顔色

          MarginWidth 框架邊緣寬度屬性 MarginHeight 框架邊緣高度屬性

          插入刷新

          步驟:1.選擇"查看/文件頭內容"

          2.在插入面板上,打開HTML選項卡

          優化代碼

          打開文件窗口,執行"命令、清理HTML"命令

          文本換行:Enter 行距較大

          Enter + Shift 行距較小

          插入水平線設置顔色:單擊屬性面板中的快捷標簽編輯器按鈕

          在代碼中鍵入"color = #顔色值"

          當圖像無法顯示時將顯示這段文字:

          圖像屬性中的替代→輸入文字

          插入鼠標經過圖像:準備兩張圖像

          在文件窗口中,將光標放置于需要翻轉圖像位置→插入工具欄中單擊鼠標經過圖像

          Ⅱ.使用導航條:

          在"常用"對象組中,單擊"圖像"小三角→導航條

          插入圖像占位符:圖像小三角→圖像占位符

          Flash動畫的背景實現透明 參數wmode 值 transparent

          插入 Java Applet

          插入表單

          插入表單域:對象面板上"表單"→插入表單

          插入文本域:單擊面板上的插入文本域. 初始值 = 打開時顯于的文字

          插入密碼框:在屬性面板上選擇密碼

          插入多行文本域:在類型后選擇多行

          插入隱藏域:對象面板→插入隱藏域

          插入按鈕:標簽用來設置按鈕上顯示的文本

          插入圖像提交按鈕=圖像域:

          插入文件上傳按鈕=文件域:

          插入單選框

          插入單選按鈕組:Label文字說明 Value 單選按鈕的值

          插入復選框

          菜單/插入列表:列表值→

          插入跳轉菜單:(

          制作網頁鏈接

          URL統一資源定位器

          目標:_blank在一個新的未命名的瀏覽器窗口中打開

          _parent如果是嵌套的框架,鏈接會在父框架或窗口中打開,否則=_top

          _top在完整的瀏覽器中打開

          創建搜索頁

          運行中輸入:

          Inetmgr (IIS

          Odbcad32 (odbc

          Asp對象

          Applicatipn 在給定的應用程序的所有用戶間共享信息,并在服務器運行期間持久地保存數據。

          集合: Contents

          staticObjects

          Item(變量值)=設置資料變量的值

          Key(變量名稱)=設置資料變量的名稱

          Count(變量資料的數量)=表示

          Coutents集合中資料的總數量

          方法: Lock

          Unlock

          事件: Applicatipn_Onstart

          Application_OnEnd

          Session 存儲特定的用戶會話所需的信息

          屬性:CodePage

          LCID

          SessionID

          Timeout

          集合:Contents

          StaticObjects

          方法:Abandon

          事件:Session_Onstart

          Session_OnEnd

          Response 用來控制發送給用戶的信息,包括直接發送信息給瀏覽器,重定位瀏覽器到另一個URL或設置Cookie值

          屬性: Buffer

          CacheControl

          Charset

          ContentType

          Expires

          ExpiresAbsolute

          IsClientConnected

          PICS

          Status

          集合: Cookies

          方法: AddHeader

          AppendToLog

          BinaryWrite

          Clear

          End

          Flush

          Redirect

          Write

          Request 訪問任何基于HTTP請求傳遞的信息,常見的有從HTML表單用Post方法或Get方法傳遞的參數,Cookie或用戶認證等。

          屬性: TotalBytes

          集合: ClientCertificate

          Cookies

          Form

          QueryString

          ServerVaiables

          方法: BinaryRead

          Server 提供對服務器方法和屬性的訪問

          屬性: ScriptTimeout

          集合: 無

          方法: CreatObject

          HTMLEncode

          MapPath

          URLEncode

          Recordset

          MoveNext 將前數據記錄移至下一條

          MovePrevious 將當前數據記錄移至上一條

          MoveFirst 將當前數據記錄移至第一條

          MoveLast 將當前數據記錄移至最后一條

          AbsolutePosition=N 將當前數據記錄移至第N條

          EOF 當前數據記錄是否移過了最后一條(發生于向下移動時)

          BOF 當前數據記錄是否移過了第一條 (發生于向上移動時)

          VBScript 運算符

          算術運算符

          指數 取負 乘法 除法 加法 減法 取模 連接 整數除法

          ∧ - * / ﹢ ﹣ Mod & \

          比較運算符

          相等 不相等 小于 大于 小于或等于 大于或等于 對象相象

          = <> < > <= >= IS

          邏輯運算符

          邏輯非 邏輯與 邏輯或 異或 邏輯等于 邏輯蘊含

          Not And Or Xor Eqv Imp


          主站蜘蛛池模板: 国产午夜精品一区二区三区不卡| 中文字幕精品一区二区| 激情无码亚洲一区二区三区| 视频在线一区二区三区| 亚洲第一区二区快射影院| 亚洲不卡av不卡一区二区| 精品免费AV一区二区三区| 另类国产精品一区二区| 青青青国产精品一区二区| 国产午夜精品一区理论片飘花| 怡红院美国分院一区二区| 97se色综合一区二区二区| 日产亚洲一区二区三区| 国产成人精品一区二区秒拍 | 国产成人精品一区二三区| 国产精品亚洲午夜一区二区三区| 国产一区二区精品久久凹凸| 久久国产三级无码一区二区| 变态调教一区二区三区| 一区二区三区在线播放| 日韩A无码AV一区二区三区| 国产一区二区福利久久| 激情爆乳一区二区三区| 一区二区三区午夜| 一区二区三区免费精品视频| 一区二区三区免费视频播放器| 精品人妻少妇一区二区三区在线 | 国产小仙女视频一区二区三区| 亚洲中文字幕在线无码一区二区| 亚洲视频在线一区二区三区| 精品无码一区二区三区电影| 中文字幕一区在线观看视频| 天天躁日日躁狠狠躁一区| 国产成人一区二区动漫精品| 亚洲国产专区一区| 无码AV中文一区二区三区| 精品无人区一区二区三区| 国产精品日韩欧美一区二区三区| 精品视频在线观看一区二区| 国产亚洲日韩一区二区三区| 亚洲香蕉久久一区二区三区四区|