ccchart
ccchart copied to clipboard
ccchartの上にレイヤーとしてのキャンバスを重ねていろいろする
ccchartの上にレイヤーとしてのキャンバスを重ねてみた https://ccchart.org/test/layer-canvas/layer-20171231.html
・描画された図形のHoverテスト https://ccchart.org/test/layer-canvas/layer-20171231-2.html
斜めの線にかぶせるホーバー表示用の矩形を描くのに rotateするときにたとえば moveTo の x,y が結構あると大きな回転角でわけわからないことになる
というわけで、基準点を0,0 にしてからその分を translate するという手を思いついた。
メモ 重ね合わせた時の lineWidthの起点について
https://ccchart.org/test/layer-canvas/layer-20171231-3-2.html
こうかな?
https://ccchart.org/test/layer-canvas/layer-20171231-3-3.html
結果 少しまだずれがあるけど概ね予想通り
まだ起点がずれてるけど動きが面白いのでメモ https://ccchart.org/test/layer-canvas/layer-20171231-3-4.html
で、選択図形は細かい計算するより、これで計算量少ないし良いんじゃないか? https://ccchart.org/test/layer-canvas/layer-20171231-3-5.html