タグ

2018年8月14日のブックマーク (3件)

  • JavaScriptでHSVからRGBに変換

    以下のようなカラーサンプルを作りたかったので、HSL and HSV(wikipedia)の計算式を参考にHSVからRGBに変換するプログラムをJavaScriptで書いてみました。 実際の計算式は? HSL and HSV(wikipedia)で公開されている計算式は以下のような感じです。 (「HSL and HSV」(5 Feb 2017, at 22:40 UTC)『ウィキペディア』より引用) 計算式中の「if 0 ≤ H' ≤ 1」の部分ですが、HSV色空間(ウィキペディア日語版)では「if 0 ≤ H' < 1」なっていましたので、今回は「if 0 ≤ H' < 1」を使うことにしました。それがどれほどの影響を与えるのかは正直よくわかりませんが…。 HSVからRGBへの変換プログラム function hsvToRgb(H,S,V) { //https://en.wikiped

    JavaScriptでHSVからRGBに変換
  • CSS4のconic-gradientを先取りする方法 - Qiita

    CSS3のグラデーションには線形グラデーションのlinear-gradientと放射状グラデーションのradial-gradientがありますが、CSS4のWorking Draftには円錐状にグラデーションさせるためのconic-gradientという項目が存在します。ただし、conic-gradientはまだ草案段階なので2017/7時点ではどのブラウザでも使用する事はできません。 今回、デザイナーに相談されて色々と調べてみた結果、いくつかの方法でconic-gradientを実現する事ができたので、その方法についてご紹介したいと思います。 conic-gradientを実現する方法 私の方で調べた限りだと以下の3つの方法が見つかりました。 CSS conic-gradient() polyfillを使用する CSSのclipプロパティを使って表現する(サンプル) SVGのマスキングを

    CSS4のconic-gradientを先取りする方法 - Qiita
    tttttahiti
    tttttahiti 2018/08/14
    円錐グラデーション
  • JavaScript でのローカル ファイルの読み込み - HTML5 Rocks

    Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the

    JavaScript でのローカル ファイルの読み込み - HTML5 Rocks