二次関数のグラフを描きます
基本 y=ax2 の「a」を変化させて、放物線を描きます。
パラメータの操作をします
y=a(x-p)2+q の頂点が移動。「(p,q)」を変化させて、放物線を描きます。
パラメータの操作をします
y=ax2+bx+c の係数を変更。「a,b,c」を変化させて、放物線を描きます。
パラメータの操作をします
y=mx+n 傾きm y切片n の直線を描きます。
パラメータの操作をします
座標平面を独立させて描くようにしました
マスを目描くテスト
四角、円を描く試み。こんな図を描いてみた
日の丸を描く
四角を描く
円を描くテスト
動的にcanvasを生成する方法
canvasエレメントを必要に応じ生成、削除させながら描く。
ＩＥがcanvasエレメントをサポートしていないため、ＩＥについては特別な操作が必要。
動的に生成したcanvas要素は、G_vmlCanvasManager.initElement(element) で初期化する必要があるためその動作テストを行ってみた。
ＩＥがcanvasエレメントをサポートしていないため、ＩＥについては特別な操作が必要。
動的に生成したcanvas要素は、G_vmlCanvasManager.initElement(element) で初期化する必要があるためその動作テストを行ってみた。
円を描くよ
(function($){
jQuery.fn.jqShowSrcCode=function(options){
var defaults = {
titleCss:{ //タイトル
'color':'#2e3eaf',
'border-color':'#111111',
'border-width':'1px 1px 0px 1px'
},
SrcCss:{ //ソース部分
'display':'block',
'border-width':'0px 1px 1px 1px',
'background-color':'#f5f5f1'
}
};
var setting = $.extend(true, defaults, options);
$(this).each(function(){
var src=$(this).html();
return this;
};
})(jQuery);
var defaults = {
titleCss:{ //タイトル
'color':'#2e3eaf',
'border-color':'#111111',
'border-width':'1px 1px 0px 1px'
},
SrcCss:{ //ソース部分
'display':'block',
'border-width':'0px 1px 1px 1px',
'background-color':'#f5f5f1'
}
};
var setting = $.extend(true, defaults, options);
$(this).each(function(){
var src=$(this).html();
return this;
};
})(jQuery);