html - HTML5 を動的にスケーリングする方法エレメント？

Question

隅をドラッグしてキャンバス要素のサイズを変更したい。

ヒントを共有します。

ありがとう

Answer 1

数字を使用して幅と高さの属性を割り当てることにより、サイズを変更できます。

canvasNode.width  = 200; // in pixels
canvasNode.height = 100; // in pixels

少なくともそれは私にとってはうまくいきます。文字列（「2cm」、「3in」、「2.5px」など）を割り当てたり、スタイルを乱したりしないように注意してください。

実際、これは公開されている知識であり、HTMLキャンバス仕様ですべてを読むことができます。非常に小さく、非常に有益です。これは、DOMインターフェース全体です。

interface HTMLCanvasElement : HTMLElement {
           attribute unsigned long width;
           attribute unsigned long height;

  DOMString toDataURL();
  DOMString toDataURL(in DOMString type, [Variadic] in any args);

  DOMObject getContext(in DOMString contextId);
};

ご覧のとおり、幅と高さの2つの属性が定義されており、どちらもunsignedlongです。

css3を使用すると、プロパティを設定することもできます

resize:both;