そこで、ライブドローイングエリアのスクリプトを書いています。現在進行中の作業ですが、この領域の css は次のとおりです。
#canvas{
background-repeat: no-repeat;
cursor:none;
overflow:hidden !important;
margin-top:50px;
width:400px;
height:300px;
border:1px #000 solid;
}
明らかに、importantタグがオンoverflow:hiddenになっていると、400x300 ボックスの外側に描画に関係するものは表示されませんが、表示されます!!!
ここにjsfiddleがあるので、すべてのコードを見ることができます!
私が言いたいことをどのように理解できますか：
上部にある絵筆と書かれているものをクリックして、pタグの指示に従って描画してください。それから箱の外に出て、それがどのように描き続けるかを見てください。
ノート：
私$('#canvas').prepend(content)は図面を作図領域に入れるために使っていたので、overflow:hidden. 何か案は？