Q&A
ご期待されている回答ではないのでこちらから一言お伝え致しますが、この質問を英語にしてStackOverflow の UI/UX質問専門版のような位置づけの https://ux.stackexchange.com/ に投稿すると、役立つ回答が得られるかもしれません。
お世話になります。下記図をHTMLで作成したいです。
どのような組み方が最適でしょうか？HTML、CSSでの組み方をご教授頂ければ幸いです。
要件
●図表のカラーパレットの色はCSSで色を変えられるようにしたい。
●リキッドレイアウトorレスポンシブで組みたい。
SP、タブレット、PC表示でレイアウト崩れがなければ拘りはない。
●図表の赤線は無くても構わない。
現状の構想
●３つの円と赤線を背景図としてつくり、その上に絶対値で指定するカラーパレットを設置する。
●3つの円をHTML5 canvasで作成し、カラーパレットはブロッグ要素で作成する。
お手数ですが、何卒よろしくお願いします。
ありがとうございます。参考にさせて頂きます。
「現状の構想」の2番目で良いと思います。
回答1件
0
ベストアンサー
色をCSSで指定したいということと、同じような図形の組み合わせでできることを考えると、SVG(Scalable Vector Graphics)が最適解かなと思います。
CanvasとSVGの特性の違いについては、以下のページなどを参考にしてみてください。
また、SVGを作成するのに、イラストレータやオンラインのフリーなツールを使うことができます。ここでは、Vecteezyを紹介しておきます。
投稿2018/01/08 13:31
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
