19 01 2012 javascript jQuery HTML5 Tweet
Canvasタグとflotを使って富士山を描いてみた。静岡県民だとこの関数は小学校高学年で習うのかな?
もしこの関数を知らない静岡県民がいたら、Canvasタグから勉強したほうがいいですね。タイミングよく来週HTML5読書会があります。しかもCanvasの章ですし、参加しないわけにはいけませんね。
$(function () { var f = function(x) { return Math.pow(x,4) - Math.pow(x,2) + 6 }; var s = function(x) { return 12 / (Math.abs(x)+1) }; var g = function(x) { return 1/2 * Math.cos(6*x) + 7/2 }; var d1 = []; var d2 = []; var d3 = []; var d4 = []; for (var i = -1; i <= 1; i += 0.1) d1.push([i, f(i)]); for (var i = -7; i <= -1; i += 0.1) d2.push([i, s(i)]); for (var i = 1; i <= 7; i += 0.1) d3.push([i, s(i)]); for (var i = -2; i <= 2.1; i += 0.1) d4.push([i, g(i)]); $.plot($("#placeholder"), [ { data:d1, color: "rgb(0,0,255)" } , { data:d2, color: "rgb(0,0,255)" } , { data:d3, color: "rgb(0,0,255)" } , { data:d4, color: "rgb(0,0,255)" } ]); });
HTML5&CSS3実践入門 最新Web標準を使いこなす (The Pragmatic Programmers)
ブライアンP.ホーガン
インプレスジャパン / 2940円 ( 2011-07-08 )
ブライアンP.ホーガン
インプレスジャパン / 2940円 ( 2011-07-08 )