JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト » 重なったEaselJSエレメントの合成方法まとめオブジェクトの合成 ある二つのオブジェクトが重なっていた時、その描画方法を決めるのがcompositeOperationプロパティです。このプロパティはTextオブジェクトやShapeオブジェクトなどに設定出来ます。設定できる値はCanvasの標準仕様に準拠していますが、サンプルから見てみましょう。 サンプル 設定値の説明 右上のドロップダウンを変更すると、描画された矩形とテキストの見た目が変わるのが分かるかと思います。それではcompositeOperationプロパティに設定する各項目の説明です。基本的にsourceで始まるものは最前面のオブジェクトを前面に描画し、destinationで始まるものは最背面のオブジェクトを前面に描画させます。 以後は、もともと存在しているオブジェクトを「合成先」、追加するオブジェクトを「合成元」と呼ぶことにします。 source-over(defaul
