uupaa https://blog.hatena.ne.jp/uupaa/ latest log https://uupaa.hatenadiary.org/ JavaScript canvas ViewとLayer View は Layerの親。View一つに対し、Layerは複数存在する。1:N の関係 Viewはposition, bgcolor, clip等のスタイルを持つ まずViewを作成しViewにLayerを追加する Layerは、Div要素またはCanvas要素で表現する Div要素なら画像や文字を配置できる, UI(form/当り判定等)もこのレイヤーが担当 Canvas要素なら描画できる Layerは親要素(View)に対するオフセット(x,y)を持ち、サイズ(w,h)を持つ 表示/非表示/不透明度はViewまたはLayer個別に設定可能 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fuupaa.hatenadiary.org%2Fentry%2F20090204%2F1233679855" title=" レイヤーを導入し、Canvasと文字/画像の重ね合わせをイージーに - latest log" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/u/uupaa/20090204/20090204014819.png Hatena Blog https://hatena.blog 2009-02-04 01:50:55 rich https://uupaa.hatenadiary.org/entry/20090204/1233679855 1.0 100%