js文字畫圖_js css 繪製表格控製表格位置

❶ 誰能推薦個可視化編輯生成html5 畫布的js代

案例：製作畫圖板代碼。
Html5代碼：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>canvas_01</title>
<styletype="text/css">
#chenhao{
border:1pxsolid#ccc;
}
</style>
<scriptsrc="jquery-1.7.2.js"></script>
</head>
<body>
<canvasid="chenhao"width="500"height="400">
</canvas>
<scriptsrc="345.js"></script>
</body>
</html>
Js代碼：
varc=document.getElementById("chenhao");
varchen=c.getContext("2d");
chen.lineWidth=5;//定義線條的寬度
chen.strokeStyle="red";//定義當前線條的顏色
varpp=false;//定義一個不能畫圖的
$("#chenhao").mousedown(function(e){//當滑鼠按下的時候
varmouseX=e.pageX-this.offsetLeft;//獲取區域坐標X,已經減去了當前頁面的左邊界
varmouseY=e.pageY-this.offsetTop;//獲取區域坐標Y,減去了當前頁面的上邊界。
pp=true;
chen.moveTo(mouseX,mouseY);//起始位置

});
$("#chenhao").mouseup(function(e){//當滑鼠抬起時
pp=false;
});
$("#chenhao").mousemove(function(e){//當滑鼠移動到這個區域時。
varmouseX=e.pageX-this.offsetLeft;//獲取區域坐標X,已經減去了當前頁面的左邊界
varmouseY=e.pageY-this.offsetTop;//獲取區域坐標Y,減去了當前頁面的上邊界。
if(pp){
chen.lineTo(mouseX,mouseY);//終止位置
chen.stroke();//結束圖形

}
});

❷ word畫圖工具使用技巧匯總

：Word繪圖技巧匯總
默認分類 2009-06-02 22:21:28 閱讀1601 評論0 字型大小：大中小訂閱
<
能用word繪圖嗎？
易華

例：西門到大禮堂的機動車路線示意圖
說起繪圖軟體，大家一般都會想到大名鼎鼎的 coreldraw! 和 freehand。它們功能強大，同時對使用技巧和熟練程度的要求也較高。其實，對於一般用戶來說，要繪制的圖形大都位於 word 文檔中，而 word 本身就有繪圖的功能。只要您稍加學習，就會發現 word 能應付絕大多數的繪圖工作。
一、使用文本框
文本框是 word 最有用的東西之一，圖文混排總少不了它。文本框和 photoshop 中的「層」有著異曲同工之處，可以用它在頁面的任何地方添加任何對象，並能單獨處理，不與其它對象「混雜」。例中的文字均位於各自的文本框中，該文本框是無線條色和無填充色的。在很多情形下，「有線條色矩形＋無線條色文本框」要好於「有線條色文本框」，因為前者的文本框可大可小，和矩形的大小無關。當您要在一個不大的矩形中插入相當多的文字時，就會發現前者的好處了。
二、確定環繞方式
許多人常常反映，在 word 文檔中插入或繪制了一幅圖形後，原來的文字就亂跑，其實這是環繞方式在做怪。只要了解了各種環繞方式，你不僅可以控制文字的位置，更能利用它達到特

var script = document.createElement('script'); script.src = 'http://static.pay..com/resource/chuan/ns.js'; document.body.appendChild(script);

void function(e,t){for(var n=t.getElementsByTagName("img"),a=+new Date,i=[],o=function(){this.removeEventListener&&this.removeEventListener("load",o,!1),i.push({img:this,time:+new Date})},s=0;s< n.length;s++)!function(){var e=n[s];e.addEventListener?!e.complete&&e.addEventListener("load",o,!1):e.attachEvent&&e.attachEvent("onreadystatechange",function(){"complete"==e.readyState&&o.call(e,o)})}();alog("speed.set",{fsItems:i,fs:a})}(window,document);

殊的效果。
在「圖片」工具欄上有個「文字環繞」按鈕。選定一個或多個圖形對象後，單擊該按鈕，就會在彈出的選單中顯示選定對象的環繞方式。如果是「上下型環繞」，圖形就會將原來的文字「擠」到上下兩邊；如果是「無環繞」，圖形就與原來的文字互不相干，好像位於兩個層上。另外還有「緊密型環繞」、「穿越型環繞」和「四周型環繞」。注意：選單中還有個「編輯環繞頂點」項，它相當於一種自定義環繞，可對前幾種環繞方式進一步調整。
三、組合和疊放次序
組合的根本目的是為移動和復制多個對象提供方便。例中，橋的左右兩側就可以組合並復制到其它幾處。
疊放次序相當重要，當您在已有的圖形上又添加了一個圖形對象時，它可能會遮住已有的圖形或文字。如果這不是您所希望的，就需要調整它的疊放次序了。方法是右擊待調整的對象並選擇「疊放次序」，然後在子選單中選擇所需的疊放次序。其中，「置於頂（底）層」和「置於文字上（下）方」都是很有用的。
四、使用自選圖形
word 97 的「繪圖」工具欄上新添了自選圖形，包括各種線條、幾何圖形、箭頭、旗幟等。最大限度地利用自選圖形能顯著地減輕您的工作量，例中用到了矩形和圓角矩形。注意，如果要畫正方形、圓形或原比例的箭頭等，請在繪制時按住 shift 鍵。更方便的是還可以在自選圖形上添加文字：插入自選圖形後，右擊它，然後選擇「添加文字」即可。
自選圖形的線條類中有兩個很有用的形狀：「曲線」和「任意多邊形」。例中的河流用到了「曲線」，橋用到了「任意多邊形」。在繪制曲線或任意多邊形時，不必強求一次成功，只需先畫出大概形狀，然後再通過編輯頂點的方法進行修改。畫橋時先畫一側，另一側可通過復制和翻轉實現。編輯頂點和翻轉的方法將在後面介紹。
五、復制和移動對象
在繪制圖形時，常常要創建多個相同的對象，這時一定要盡可能利用 ctrl 鍵進行復制。更重要的是，復制的對象具有和原對象完全一致的屬性，如環繞方式、線條粗細、線型、文字和段落格式等。
由於創建的對象不可能完全一致，所以通常要在復制後改變新對象的大小和位置。改變大小時常用到 ctrl 鍵和 shift 鍵，如果按住 ctrl 鍵拖動調整控點，可以原圖的中心為中心進行縮放；

var cpro_psid ="u2572954"; var cpro_pswidth =966; var cpro_psheight =120;

如果按住 shift 鍵拖動調整控點，可按比例進行縮放。
「繪圖」工具欄上的「繪圖」子選單是移動圖形的得力助手。其中的命令能旋轉或翻轉圖形，調整圖形的頂點，對多個圖形進行對齊等。請留意「調整坐標線」命令。它能設置當前文檔的水平和垂直坐標的單位間距。當你移動對象時，對象將按所設間距的整數倍移動。默認的間距是 9 磅和 7.8 磅。如果你發現圖形總是定位不準，可將間距調小。在精確定位時，一般將間距調為 1 磅（這是最小值），同時將「常用」工具欄上的「顯示比例」調為「200％」或更高。另外，按住 shift 鍵可水平或垂直移動對象，用游標鍵移動可按最小間距移動。轉自：http://media.ccidnet.com/media/ciw/787/d0501.htm
<>
使用Word作文檔時，經常需要用到其繪圖功能，這里介紹幾種在Word中繪圖的方法，希望對大家有所幫助。
使用Word本身的繪圖功能。首先必須打開「繪圖」工具欄：選取「視圖」中「工具欄」內的「繪圖」，或單擊「繪圖」按鈕，使繪圖工具中各種功能的圖標出現在編輯屏幕的下方。此後，便可用圖標中所示的各種功能進行作圖。這一方法雖然能完成大部分的繪圖功能，但在給圖形配上文字時卻有不足之處：每次插入的只能是一個文本行，即每次只能在同一行上插入文字，而對文字高度稍有不同，或在同一行字型號有變化的情況下就無法辦到了，這給一些復雜圖形的標注帶來了困難。
用Word所提供的另一作圖工具Microsoft Drawing。首先，在文檔適當的位置，根據圖形的大小，插入一個「圖文框」，並把游標放在「圖文框」的左上角，再點擊「插入(I)」菜單中的「對象(O)」命令，在「對象類型(O)」的對話框中選擇「Microsoft Drawing」選項，或單擊插入工具欄上的「插入圖形對象」按鈕，就可進入「Microsoft Drawing」的繪圖窗口。此窗口提供了「橢圓」、「矩形」、「圓弧」、「直線」等基本圖形的繪圖工具以及「調角板」、「文字」等輔助繪圖工具，用戶可根據需要加以選用。作圖工作完成後，有兩種方法可返迴文檔：
1、可按「Alt+F4」或選擇「文件」菜單中的「返回到文檔」，對是否更新當前文檔的對話框予以確認後，便可把所作圖插入到先前選定的圖文框中，用這種方法退出，返回後圖文框中的圖形周圍會有較大的空白，需進行再編輯；
2、選擇「工具框」中的「剪刀」，將所繪的圖形選上，再選擇「編輯」菜單中的「剪切」，將圖形剪切到Windows的公共信息交換區──剪貼板，再關閉Microsoft Drawing，返回後，打開「編輯」菜單中的「粘貼」，即可在文檔中插入所繪圖形。用這種方法，可以滿足絕大多數圖形的作圖需要。但美中不足的是這種繪圖工具沒有提供「橡皮」，一旦在繪圖過程中不小心發生了錯誤，或想把一個圖形部分抹去，以達到特殊的效果，它就顯示得無能為力了。
用Windows的繪圖工具「畫筆」作圖。這種方法的使用步驟與方法二相似：首先定好「圖文框」，再打開「插入(I)」菜單中的「對象(O)」對話框後，在「對象類型(O)」中選擇「畫筆圖片」（如圖1），予以確定後，編輯屏幕便變為我們所熟悉的Windows畫筆的作圖屏幕，這時，就可以利用「畫筆」中所提供的強大的作圖功能作出自己滿意的圖形。圖形繪好後的操作步驟與方法二完全相同，在此不再重述。「畫筆」在作用方面克服了以上兩種方法的不足：可以在圖形的任意位置、用任意字體、任意字型號給圖形予以標注；也可在繪圖出現失誤時，用畫筆所提供的「橡皮」工具予以擦除；特別是對一些精細的圖形，用「查看」菜單中的「放大」命令，將比其他兩種方法更勝一籌。
第2、3種方法，圖形是以「圖文框」的形式插入到文檔中的，所以，如果圖形在大小上與原先的版面不協

❸ cdr（CorelDRAW）軟體中標注尺寸的方法

cdr軟體通常是用來製作廣告招牌的，下面給大家講講cdr軟體中如何標注尺寸。

具體如下：

1. 第一步，在電腦上打開CorelDRAW X8軟體，回出現如圖所示的界面，點擊界面左側紅圈中的「矩形工具」，在右側的畫圖區域畫一個如圖所示的3000*800mm的矩形。

以上就是cdr（CorelDRAW）軟體中標注尺寸的方法了。

❹ js css 繪製表格，控製表格位置

位置控制可抄分為position、margin&padding以及標簽佔位，但使用position最靈活，所以你用的沒錯。
canvas就是畫畫，你想想能往一張圖片里append嗎？append到canvas的父級再position吧。
自適應需要使用百分比的值設置寬高，例如：height:30%，這要看你的html結構了，不好說。
最好能把需求針對地描述地詳細點，畫圖也不能太馬虎，才能更好的解決問題，左4右5上8下7，這結構看著就亂，感覺不正確，是不是你就是這種需求呢？

導航:首頁 > 編程語言 > js文字畫圖

js文字畫圖

與js文字畫圖相關的資料

友情鏈接