search

mu-777 / humanListAnalyzer

https://mu-777.github.io/humanListAnalyzer/
0 stars 0 forks source link

[Design] 人の形のバーで身長を出したい #10

Open mu-777 opened 6 years ago

mu-777 commented 6 years ago

https://codepen.io/shan31/pen/OpYRmN

mu-777 commented 6 years ago

https://github.com/chartjs/Chart.js/issues/3871

mu-777 commented 6 years ago

http://www.html5.jp/canvas/ref/method/createPattern.html

canvasのfillにセットできれば良さそう

mu-777 commented 6 years ago

https://stackoverflow.com/questions/13960564/resize-an-imagewith-javascript-for-use-inside-a-canvas-createpattern

fill resize

mu-777 commented 6 years ago

画像 http://pictogram2.com/?p=262 http://pictogram2.com/?p=638

mu-777 commented 6 years ago 
dataset.backgroundColor = ctx.createPattern(img, 'repeat')

でやるとこんな感じ． グラフ全体の左上が原点になってるぽい

image

やるならpositionとって，resizeして，ちゃんとcanvasに描かないといけないぽい が，バー細すぎていい感じにならないかも