在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ JS怎么實現(xiàn)輸入框隨文字數(shù)量而改變寬度

JS怎么實現(xiàn)輸入框隨文字數(shù)量而改變寬度

用 canvas 作一個截圖,鼠標拖動可以畫出虛線框,并且可以在虛線框里輸入文字。輸入框隨文字數(shù)量改變寬度。類似QQ截圖里的輸入框。

現(xiàn)在虛線框里我用的是input,但是input不能換行。然后我改用textarea輸入文字,但是會出現(xiàn)滾動條,要是把滾動條hidden了的話,輸入的文字就看不全,體驗不好。

回答
編輯回答
萌面人

canvas measureText 方法可以事先獲取文字畫出來的長度 根據(jù)這個長度 你可以動態(tài)改變寬度 以及位置去在canvas顯示 如果是改變input的長度 你可以用相同的字體樣式 寫入一個div 去獲取div的長度 來動態(tài)改變input

2017年5月7日 12:23
編輯回答
誮惜顏

滾動條隱藏 ??? 看不全 ?? 。只是隱藏 又不是 overflow:hidden。

2017年5月5日 19:37
編輯回答
兮顏

現(xiàn)在上層放一個正常的輸入框,等確定之后,在渲染到canvas上,在此期間,要記錄用戶輸入的坐標位置,以便還原

2017年8月16日 16:59
編輯回答
柒槿年

給他家個時間,當輸入或者 值改變 或者 焦點的時候,獲取輸入框的滾動條的寬度,使這個寬度 設置輸入框的 width。

2017年11月15日 11:34