svgのみでウェブページを作りたいを考えて、canvasを入れたいと思いまして調べてみました。 http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_13.htm やり方はforeignObjectを使うです。 foreignObject内にhtml要素を記述します。 注意すべきこととしてはxmlnsを指定しないと、表示されなかったりします。 foreignObject自体のxmlnsはsvg上であるため、面倒でもそれぞれのhtml要素のxmlnsをxhtmlにしなければなりません。 親オブジェクトが子オブジェクトのxmlnsを一括指定できる方法があればある程度楽なのですが… xmlnsが指定できれば良いので、svgタグ属性でxmlns:xhtmlとかして<xhtml:canvas></xhtml:canvas>とかもしようと思えばできます。 <