| Ver.1.91.13 | ・draw機能の不具合を修正（svg出力のpathのid重複を解消） |
| Ver.1.91.12 | ・config-pathを更新（path形式を追加） |
| Ver.1.90.12 |
・config-pathを追加（任意pathの指定用）
・Labelのpageを更新（URL-parameter-xlabel/ylabel@Ver.1.88.12~を廃止） text-draw実行回数：1回 ⇒ 2回（非同期） 左下のcanvas座標(x,y)：(48,192) ⇒ 表(48,172)||裏(53,177) |
| Ver.1.89.12 |
・Labelのpageを更新
canvas-width：512 ⇒ 1024 label：label ⇒ abcdef 背景画像：star ⇒ rainbow |
| Ver.1.88.12 | ・Labelのpageを更新（URL-parameter-xlabel/ylabelを追加） |
| Ver.1.87.12 |
・download-svgのfile size[MB]の計算を厳密化
fileSize/1e6 ⇒ fileSize/pow(2,20) ・config-shのlimiterを追加 ・sh<0の機能@Ver.1.21.4~を廃止（png出力の場合、Spray Penとclip範囲等で代替） |
| Ver.1.86.12 |
・Labelのpageを追加
・[manual]Labelのpageを追加 |
| Ver.1.85.12 |
・config-compositeを更新（廃止済みのdarker仕様の詳細を未確認のため、削除を取消し）
・config-compositeLayerを追加（Graphing Calculatorに準拠） ・mode=eraserL||eraserL_A100を追加 ・config-drawを更新 ・pen_fluid.jsを更新 |
| Ver.1.84.12 |
・config-capを更新
・Snow Pen-3r/-3sのpageを更新 |
| Ver.1.83.12 |
・Spray Pen-2sのpageを追加
・Crayon Pen-2sのpageを追加 ・config-compositeを更新（廃止済みのdarkerを削除） ・pen_fluid.jsを更新 |
| Ver.1.82.12 |
・config-capを拡張（pen-image-file@clip<1に対応）
・canvas.jsを更新 clip順序：ctx.rotate()前 ⇒ 後 ・Rainbow Pen-2/-3/-3r/-3sのpageを更新 |
| Ver.1.81.12 |
・Stamp Pen-3r/-4rのpageを追加
・Crayon Penのpageを追加 |
| Ver.1.80.12 |
・pre-imageを追加
・config--clipの位置を変更（config内部 ⇒ 画面上部） ・config-stripeを更新 ・stamp判定条件の仕様変更 Stamp Penのみ ⇒ Δframe-1 > 0 ・pen.jsを更新 init_base64s0()を整理 |
| Ver.1.79.12 | ・Spray Pen/-rのpageを追加（円形のimageを使用する場合、clip不要でclip=2） |
| Ver.1.78.12 | ・checkbox-syncを更新（Base64のRGBを自動変換） |
| Ver.1.77.12 |
・pen.jsを更新
draw_base64()を整理 |
| Ver.1.76.12 |
・checkbox-syncを追加（Base64のRGB同期を有効化）
・Brush Pen-2sのpageを追加 ・Image Pen-3sのpageを追加 ・Rainbow Pen-3sのpageを追加 ・Snow Pen-3sのpageを追加 ・Stamp Pen-2sのpageを追加 |
| Ver.1.75.12 | ・Rainbow Pen-3/-3rのpageを更新（Base64を変更） |
| Ver.1.74.12 |
・Brush Pen-2のpageを追加
現状、Base64を直接描画するため、RGB無効 |
| Ver.1.73.12 |
・Snow Pen-3/-3r（正6角形）のpageを追加
現状、Base64を直接描画するため、RGB無効 |
| Ver.1.72.12 |
・checkbox-auto-configとcheckbox-fade_wの位置を交換
・checkbox-auto-configの仕様変更（A初期化の条件を廃止） |
| Ver.1.71.12 |
・Snow Pen/-2/-2r（仮想上の正5角形）のpageを追加
現状、Base64を直接描画するため、RGB無効 |
| Ver.1.70.12 |
・config-freq[Hz]を追加（ω=2pi*freqの回転）
・Rainbow Pen-3/-3rのpageを追加 ・Stamp Pen-2/-2rのpageを追加 ・Image Pen-3/-3rのpageを更新 ・Rainbow Pen/-2のpageを更新 ・3D Pen-3/-3rのpageを更新 |
| Ver.1.69.12 |
・Image Pen-3のpageを追加
・Rainbow Pen-2のpageを追加 ・Stamp Penのclipを変更（0.8 ⇒ 2） |
| Ver.1.68.12 |
・config-checkbox-fade_wを追加（line幅のfade-in/outを有効化）
・stripe||任意penの内挿補間時の描画sizeを修正（line幅の内挿補間に準拠） (w0+w1)/2 ⇒ w1 ctx.arc(radius=-1e-16)でerror発生のため、再修正（丸め誤差を対策） w1 ⇒ Math.max(0, w1) |
| Ver.1.67.12 |
・Stamp Penのpageを追加
・3D Pen-3のpageを追加 ・config-checkbox-randomを追加（stripe||任意penの回転角を乱数化） |
| Ver.1.66.12 |
・Image Pen-2のpageを追加
・3D Pen-2のpageを追加 ・config-stripe=3b||4b||5b||6bを追加 |
| Ver.1.65.12 | ・Rainbow Penのpageを追加 |
| Ver.1.64.12 |
・line間の内挿補間の不具合@Ver.1.63.11を修正
stripeと任意penのBase64を内挿補間の対象に追加 |
| Ver.1.64.11 | ・Image Penのpageを追加 |
| Ver.1.63.11 | ・pen.jsを整理 |
| Ver.1.62.11 | ・config-Δframe（描画更新のframe間隔）を追加 |
| Ver.1.61.11 |
・config-pen-img-file（任意penのimage）を追加
・config-stripe=img（任意penのimageを使用）を追加 ・config--clip（stripe||任意penのclip範囲の係数）を追加 ・spec追記 |
| Ver.1.60.11 |
・3D Penの不具合を修正
円形範囲のclip順序：ctx.scale()後 ⇒ 前 Base64の縦横比：可変 ⇒ 不変 |
| Ver.1.60.10 |
・page titleを変更
3D-like ⇒ 3D Pen（立体的な意味の表現） |
| Ver.1.59.10 |
・config-stripe（筆の縞の本数）を追加
・3D-likeのpageを追加 |
| Ver.1.58.10 | ・config-dash（破線の強度）を追加 |
| Ver.1.57.10 | ・White Boardのpageを追加（筆圧感知対応penのpointer入力に対応） |
| Ver.1.56.10 | ・mode=gblurを更新（stabiに対応） |
| Ver.1.55.10 | ・mode=gblur（Gaussぼかし機能）を追加 |
| Ver.1.54.10 |
・ox/oyのoffset指定時、grid-snapの仕様変更
offset前の座標をsnap ⇒ offset後の出力座標をsnap |
| 項目 | 内容 | 実装 |
|---|---|---|
| w=0~W[px] | line幅 |
w可変の従属parameterを選択可
・w=w(f)=w(p) ・w=w(f)=w(len) |
| p=0~1 | 筆圧 | p=p(f) |
| len=0~[px] | 筆中心の移動量 | len=len(f)=|dxy(f)| |
| xy={x,y} | 筆中心のcanvas座標 |
xy=xy(f)={x(f),y(f)}
dxy(f)=xy(f)-xy(f-1)={dx(f),dy(f)} ・列vector ・offset前 |
| xy_old | 確定line上のold点の総称 |
直近から列挙
xy(f-1) xy(f-2) xy(f-3) ... |
| xy_pointer |
pointerのcanvas座標
cursor位置 |
xy(0)=xy_pointer(0)
・offset前 |
| xy_offset | 筆中心のoffset座標 | xy_offset={ox,oy} |
|
xy_fixed
Ver.1.30.7追加 Ver.1.32.7更新 |
offset後xyのcanvas座標 |
xy_fixed(f)=xy(f)+xy_offset
・offsetを含む出力座標 ・特殊modeでmarkerを表示 |
|
grid-snap
Ver.1.36.7更新 Ver.1.54.10更新 |
直近のgrid点にxy_fixed
|
grid-snap有効状態 grid表示状態 |
| 通常mode | mode=pen | |
| 特殊mode |
通常mode以外
Key操作で代用可能なmode |
|
| line(f) | frame間の筆中心line |
line上線分の2点
xy(f-1) xy(f) |
| vline(f) | 筆中心lineの垂線 |
vline上線分の2点
xym(f)=xy(f)-rdxyk(f) xyp(f)=xy(f)+rdxyk(f) rot=(0,1:-1,0) k=(w(f)/2)/len rdxyk(f)=rot*dxy(f)*k={dy(f),-dx(f)}*k |
| tetragon(f) | 2vlineの四辺形 |
四辺形の2辺
vline(f-1) vline(f) |
| fps | pointer-move検知frameの毎秒頻度 |
OS||browserのbusy具合に依存
初期状態からfps低下の要因 ・canvas-size大 ・config-checkedのscroll-bar伸長状態 ・省energy設定が有効 ・update中 |
| f=0~ | pointer-move検知frame回数 | |
| f=down | pointer-down検知frame | f=0 |
| f=move |
pointer-move検知frame
line描画frame |
f=down+1~up-1 |
| f=up | pointer-up検知frame | |
|
1tap
Ver.1.43.8更新 |
canvasを1tapする行為 |
down -> upが理想
・move検知なしでline描画なし canvas前面にput後、自動1tapで背面に合成 put fg-image-file |
|
1tap||line描画
Ver.1.29.7更新 |
eventの無効条件
・filter実行中 |
|
|
layer
Ver.1.19.4追加 |
canvasの階層 |
前面fg: 1筆lines毎に背面に合成
中面mg: 表示用 背面bg: 全linesのdownload対象 |
|
fg
Ver.1.32.7更新 |
fore-ground |
fg-filter
fg-image-file marker@特殊mode |
|
mg
Ver.1.10.2追加 Ver.1.37.7更新 |
middle-ground |
gridLineColor
grid |
|
bg
Ver.1.8.1追加 |
back-ground |
bgcolor
bg-filter bg-image-file |
| rgba | pixelのRGBA | |
| 項目 | 内容 | 実装 |
|---|---|---|
|
history_len_max=1~10000
Ver.1.14.4追加 |
履歴の保存回数 | default=10 |
|
decDigit=0~17
Ver.1.14.4追加 |
svg出力の小数点以下桁数 | default=1 |
|
Nwrap=1~256
Ver.1.15.4追加 |
塗りつぶしの周回数 | default=16 |
|
gridLineColor
Ver.1.37.7追加 Ver.1.50.9更新 |
grid line色 | default=#00000033||#ffffff55 |
|
gridLineWidth[px]
Ver.1.37.7追加 Ver.1.50.9更新 |
grid line幅 | default=0.5 |
|
label
Ver.1.86.12追加 |
text-drawのtext | default=abcdefghijklmnopqrstuvwxyz0123456789 |
|
ylabel Ver.1.88.12追加 Ver.1.90.12廃止 |
|
|
|
shortcut-Key=KeyA~Z||Digit0~9
Ver.1.19.4更新 Ver.1.22.6更新 |
event発火のtiming
・buttonの代用: key-down ・特殊modeの代用: Key@pointer-down -> pointer-up eventの排他制御 ・複数Keyの同時押し 発火の無効条件 ・line描画中 ・ctrl/shift-Key押下中 ・input要素active中（checkbox含む） ・select要素active中 操作性の対策を追加 ・pointer-down検知でactive要素の解除 |
|
|
eraser
Ver.1.34.7追加 |
A有効の消しgom | default=KeyR |
|
eraser_A100
Ver.1.34.7追加 |
A=100の消しgom | default=KeyF |
|
eraserL
Ver.1.85.12追加 |
compositeLayer有効のeraser | default=Digit4 |
|
eraserL_A100
Ver.1.85.12追加 |
compositeLayer有効のeraser_A100 | default=Digit5 |
|
bucket
Ver.1.16.4追加 |
塗りつぶし | default=KeyB |
|
circle
Ver.1.20.4追加 |
円 | default=KeyG |
|
rectangle
Ver.1.20.4追加 |
長方形 | default=KeyT |
|
picker
Ver.1.31.7追加 |
color picker | default=KeyY |
|
gblur
Ver.1.55.10追加 |
Gaussぼかし | default=KeyQ |
|
draw
Ver.1.35.7追加 |
text-draw実行 | default=KeyE |
|
put
Ver.1.42.8追加 |
colors-gradation実行 | default=Digit3 |
|
blur-heavy
Ver.1.44.8追加 |
strengths-blur実行 | default=Digit2 |
|
run
Ver.1.17.4追加 |
text-filter実行 | default=KeyW |
|
<<
Ver.1.16.4追加 |
描画戻る | default=KeyS |
|
>>
Ver.1.16.4追加 |
描画進む | default=KeyD |
|
clear
Ver.1.16.4追加 |
全消去 | default=KeyA |
|
checkbox-config
Ver.1.38.7追加 |
config開閉 | default=KeyP |
|
checkbox-snap
Ver.1.38.7追加 |
snap切替 | default=KeyO |
|
URLの設定例
Ver.1.41.8更新 |
index.html?
pressure=true& auto-config=false& W=20& RGB=orange& bgcolor=rgba(255,192,203,1.0)& canvas-width=200& ox=-20& oy=-20& history_len_max=20& decDigit=3& <<=KeyU& clear=Digit1 |
色指定の方法
・color名（white等） ・rgba(R,G,B=0~255,A=0~1) ・HEX形式は使用不可（#000等） 以降のUI設定値よりURL-parameterを優先 ・second-url-parametersはHEX形式の色指定可 |
| 項目 | 内容 | 実装 |
|---|---|---|
|
mode=pen||bucket||...
Ver.1.33.7追加 |
描画mode | |
|
pre-image
Ver.1.80.12追加 |
事前image |
stamp判定の場合、補間点の追加を無効化
・stamp判定条件：Δframe-1 > 0 |
|
clip=0~
Ver.1.61.11追加 Ver.1.80.12更新 |
clip範囲の係数 | 円の半径=((w0+w1)/2)*clip |
| pressure=false||true | 筆圧入力の有効化 |
w(p)=W*p(f)
・対応環境p(f)=e.pressure ・非対応環境p(f)=0.5 |
| black=false||true | page背景色の黒色化 | canvas描画に影響なし |
|
checkbox-fade_w
Ver.1.68.12追加 Ver.1.72.12更新 |
line幅のfade-in/outの有効化 |
W入力欄左側のcheckbox（w_th左側から移動）
無効時：grid-snapのline描画が改善 |
| W=0~[px] | line幅の最大値 | 0≤w(f)≤W |
|
mode=eraser
Ver.1.34.7追加 |
A有効の消しgom機能 |
canvas前面に描画後（source-over）、
背面に合成（destination-out） ・svg出力はA有効のwhiteで代替（source-over） ・KeyR+1dragで代用可 |
|
mode=eraser_A100
Ver.1.34.7追加 |
A=100の消しgom機能 |
canvas前面に描画後（source-over）、
背面に合成（destination-out） ・svg出力はA=100のwhiteで代替（source-over） ・KeyF+1dragで代用可 |
|
mode=eraserL
Ver.1.85.12追加 |
compositeLayer有効のeraser | ・Digit4+1dragで代用可 |
|
mode=eraserL_A100
Ver.1.85.12追加 |
compositeLayer有効のeraser_A100 | ・Digit5+1dragで代用可 |
| mode=pen | defaultの筆pen機能 | 通常mode=0 |
|
mode=bucket
Ver.1.15.4追加 Ver.1.26.7更新 Ver.1.30.7更新 |
ink色の塗りつぶし機能 |
canvas背面に適用
始点=xy_pointer(up) ・grid-snapあり ・svg出力に対応（source-over前提） |A|=100のみpng互換性あり ・KeyB+1tapで代用可 |
|
mode=circle
Ver.1.20.4追加 Ver.1.39.7更新 |
circle(fill)描画機能 |
canvas前面に描画
中心=xy_pointer(down) 半径=|xy_pointer(up)-xy_pointer(down)| ・grid-snapあり ・second-url-parameters有効 ・KeyG+1dragで代用可 |
|
mode=rectangle
Ver.1.20.4追加 Ver.1.39.7更新 |
rectangle(fill)描画機能 |
canvas前面に描画
対角線分の2点 xy_pointer(down) xy_pointer(up) ・grid-snapあり ・second-url-parameters有効 ・KeyT+1dragで代用可 |
|
mode=picker
Ver.1.31.7追加 |
color picker機能 |
canvas背面から取得
始点=xy_pointer(up) ・grid-snapあり ・KeyY+1tapで代用可 |
|
mode=gblur
Ver.1.55.10追加 Ver.1.56.10更新 |
Gaussぼかし機能 |
canvas背面に適用
・強度分布あり（最適化なし） ・強度分布の最大値=min( ・stabi ・grid-snapあり ・KeyQ+1dragで代用可 |
|
stabi=0~100
Ver.1.13.4追加 Ver.1.18.4更新 |
手ぶれ補正強度 |
(stabi+1)点の算術平均 stabi: xy_oldの直近点数 1点: xy_pointerの最新点 xy=(xy_old総和+xy_pointer)/(stabi+1) ・総和の無駄処理あり float設定時に重みwを追加 istabi=floor(stabi) w=stabi-istabi xy_old_ave=xy_old総和/istabi xy=w*xy_old_ave+(1-w)*xy_pointer 互換性（ほぼ等価） ・stabi=1 ⇔ stabi=1+1/2=1.5 ・stabi=2 ⇔ stabi=2+2/3=2.666... ・stabi=3 ⇔ stabi=3+3/4=3.75 ・stabi=4 ⇔ stabi=4+4/5=4.8 ・stabi=5 ⇔ stabi=5+5/6=5.833... ・stabi=99 ⇔ stabi=99.990... ・stabi=n ⇔ stabi=n+n/(n+1) |
|
sync=false||true
Ver.1.76.12追加 Ver.1.78.12更新 Ver.1.80.12更新 |
Base64のRGB同期を有効化 |
・適用条件：mode=penかつstripe=none選択 ・適用filter：flat_all@pointer-up（composite無効） ・補足：compositeを維持する場合、pen-image-fileのRGBを直接編集 canvas経由でBase64のRGBを自動変換（compositeを維持） |
| RGB=#000000~#ffffff | lineのink色RGB | |
|
A=-100~100[%]
Ver.1.6.1追加 |
lineのink不透明度alpha=|A| | |
|
A=-100~0[%]
Ver.1.6.1追加 Ver.1.7.1更新 |
fg-filter機能（flat_upp互換） |
canvas前面に適用
r+g+b+a>0 a=min(a, |A|) a≤|A| svg出力 ・png/svgの整合性を確保 ・Ver.1.6.1互換機能を追加 |
|
bgcolor
Ver.1.15.4修正 |
canvas背景色 | canvas背面に描画 |
|
canvas-width=16~2560[px]
canvas-height=16~2560[px] Ver.1.45.8更新 Ver.1.61.11追記 |
canvas幅
canvas高さ |
limiterを追加
・整数（丸め処理あり） |
|
dash=0~100
Ver.1.58.10追加 |
破線の強度 |
png出力のみ対応
w*0.5のeraser ・筆中心の移動量>1.5[px] |
|
stripe= ||3b||4b||5b||6b none||image Ver.1.59.10追加 Ver.1.60.11更新 Ver.1.61.11追加 Ver.1.66.12追加 Ver.1.80.12更新 |
筆の縞の本数 |
png出力のみ対応
Base64のeraser ・筆中心の移動量>1.5[px] ・縦横比固定 |
|
Δframe=1~
Ver.1.62.11追加 |
描画更新のframe間隔df | 更新条件：w0+w1 && f%df === 0 |
|
freq[Hz]
Ver.1.70.12追加 |
回転角の周波数
ω=2pi*freq |
stripe||任意penのBase64描画時の回転角
・x軸に対する進行方向の角度+ω*frame数/60 |
|
checkbox-random
Ver.1.67.12追加 Ver.1.70.12更新 |
回転角の乱数化 |
stripe||任意penのBase64描画時の回転角
・unchecked時：freq依存 ・checked時：2π*[0,1)の乱数（freq無効） |
|
cap=butt||round||square
||◆||▲||▼ ||pentagon||hexagon ||septagon||octagon ||nonagon||decagon ||★||★2||heart||heart2 Ver.1.82.12更新 Ver.1.84.12更新 |
line端の形状 |
pen-image-file@clip<1に対応
・butt||round||square||◆の場合、内接円基準の大きさ ・それ以外の場合、√2倍の大きさの外接円基準 ・stripe=image||pre-image=noneの場合、◆~heart2無効（butt扱い） |
|
compositeLayer
Ver.1.85.12追加 |
canvas前面のRGBA合成方法 |
同期処理（shadow描画を除く）
・canvas前面にlineを逐次合成 |
|
composite
Ver.1.8.1更新 Ver.1.83.12更新 Ver.1.85.12更新 |
canvas背面のRGBA合成方法 |
非同期処理を追加
・up検知でcanvas前面から背面に合成 ・darkerはsource-over扱い（darkenで代替可） |
|
ox[px]
Ver.1.5.1更新 |
筆中心のx方向offset | |
|
oy[px]
Ver.1.5.1更新 |
筆中心のy方向offset | |
|
auto-config=false||true
Ver.1.24.6追加 Ver.1.46.8更新 Ver.1.72.12更新 |
config自動入力の有効化
・初期状態のfpsで調整 |
w_th左側のcheckbox（W入力欄左側から移動）
・config内部で完結（A初期化の条件を廃止） W>0のchange検知で ・w_thを微調整 0<W<5 && A≥0 -> A=-30 W≥5 && A<0 -> A=10 |
|
w_th=0~[px]
Ver.1.4.1追加 |
1frame内
w可変のw閾値 |
w(f-1)+w(f)>0
(min(w(f-1),w(f))<w_th)? fill(tetragon): stroke(line) |
|
dlen=1~[px]
Ver.1.46.8追加 |
lenの補間間隔 |
frame間のw/xy線形補間による増点smoothing
後方互換性を維持する場合、dlen>>1 |
|
len_th=0~[px]
Ver.1.4.1更新 |
frame間
w可変のlen閾値 |
dlen(f)=len(f)-len_th
w(f)=w(f-1)+dw(dlen) |
| in | fade-in強度 |
dlen<0
dw(dlen) = (in<0)? dlen*in: in; |
| out | fade-out強度 |
dlen>0
dw(dlen) = (out<0)? dlen*out: -out; |
|
sh=0~
Ver.1.21.4追加 Ver.1.87.12更新 |
shadowのぼかし強度sh |
svg出力
・filter効果範囲のclip対策 ・download-svgの右側にfile size[MB]を表示 |
|
Ver.1.21.4追加 Ver.1.87.12廃止 |
|
・canvas背面への合成回数=|sh|+1 svg出力 ・svg-file-size=|sh|+1倍 ・sh入力欄の右側に≥-20(svg)を表示 |
| png前後処理 | ||
|
snap=false||true
Ver.1.36.7追加 |
grid-snapの有効化 |
・grid-snap時、stabi無効 |
|
png前処理
grid-width=0~[px] grid-height=0~[px] Ver.1.10.2追加 Ver.1.37.7更新 Ver.1.48.8更新 Ver.1.51.9更新 Ver.1.52.10修正 Ver.1.61.11追記 |
grid表示機能 |
limiter
・整数（丸め処理あり） canvas中面に描画 ・bgcolorでgrid色を切替 ・gridLineColorを追加 ・中心線を追加 ・各方向のgrid線を1本増加 ・re-sizeを含む履歴変更時、grid描画を正常化 |
|
png/svg後処理
mosaic-in-grid with-svg=false||true Ver.1.12.4追加 Ver.1.47.8更新 |
fg-filter機能（mosaic）
svg反映の有効化 |
canvas前面に適用
off: 無効 RGBA: UI設定値（flat_all互換） min: grid内の最小値 mean: grid内の算術平均値 max: grid内の最大値 mode=eraser_A100の有効化 ・off||RGBA以外で意図とは異なる可能性あり svg出力 ・dot絵変換の目安 grid1x1 -> mosaic-min -> with-svg-checked -> fg-image-file -> download-svg -> svg-file-size=O(10MB) |
|
png後処理
RGB=-1~255 A=-1~100[%] Ver.1.7.1追加 |
bg-filter機能（flat）
Ver.1.6.1互換 |
canvas背面に適用
flat_low: 設定値の下側 flat_all: 設定値の両側（2値化） flat_upp: 設定値の上側 ・RGBA各設定値に平滑化 ・設定値<0の要素は無効 |
|
second-url-parameters
Ver.1.39.7追加 Ver.1.41.8更新 |
URL-parameter互換のformat |
circle/rectangle有効
fillStyle（svg互換のため、strokeとsetで有効） strokeStyle（svg互換のため、fillとsetで有効） blur lineWidth text-draw無効 lineWidth bgcolor gridLineColor gridLineWidth 設定不可の項目 history_len_max decDigit shortcut-Key parameter初期化の一例 bgcolor=#fff -> bgcolor= || bgcolor ・変更時、canvasのresetあり |
|
path
Ver.1.90.12追加 Ver.1.91.12追加 |
任意path |
x0,y0,x1,y1,...,xn,yn
x0,y0 x1,y1 ... xn,yn ・canvas座標(x,y)をcomma||半角space区切りで入力 ・pen最終の1筆linesを上書き |
|
png/svg後処理
text-draw draw Ver.1.35.7追加 Ver.1.85.12更新 Ver.1.91.13修正 |
text-draw機能
[manual]Calculator参照 |
draw実行後、canvas前面にtextを描画後、背面に合成
・second-url-parameters有効 ・parameter未指定時 fontSize=W fillStyle=bgcolor strokeStyle=rgba(R,G,B,|A|/100) blur=|sh| ・描画するtextを入力 ・path=pen最終の1筆lines ・svg出力のpathのid重複を解消 装飾labelの作成方法は[manual]Label参照 |
|
third-url-parameters
Ver.1.42.8追加 |
URL-parameter互換のformat |
colors-gradation実行用
・変更時、canvasのresetあり |
|
png/svg後処理
colors-gradation put Ver.1.42.8追加 Ver.1.43.8更新 |
gradation機能
[manual]Calculator参照 |
canvas前面にgradationをput後、背面に合成
・third-url-parameters有効（x0~Ncycle） ・colorをcolon:区切りで入力 ・path=pen最終の1筆lines |
|
png後処理
strengths-blur blur-heavy Ver.1.44.8追加 |
blur機能
[manual]Calculator参照 |
canvas背面にblurringを適用
・third-url-parameters有効（x0~Nrad_asym） ・strengthをcolon:区切りで入力 ・path=pen最終の1筆lines |
|
png後処理
text-filter run Ver.1.17.4追加 |
bg-filter機能（任意）
[manual]Calculator参照 |
run実行後、canvas背面に適用
適用例） ・area塗りつぶし⇒sepia-tone化 fiin[area[0,0,256,256],,red,16]: r[0.9]:g[0.7]:b[0.4] ・edge抽出 rgb[-1,-1,-1,-1,8,-1,-1,-1,-1] ・拡大縮小 rgba[0.5,0,0,0.5,0,0] |
|
png前処理
fg-image-file Ver.1.11.4追加 Ver.1.24.7修正 Ver.1.43.8更新 Ver.1.49.9更新 |
local fileのread機能 |
read完了後、canvas前面にput後、背面に合成
・canvasのre-sizeなし ・fg-filter適用可（A<0を含む） ・A≥0のalpha値を無効に修正 自動1tapの不具合を修正 ・mosaic-in-gridのwith-svg-checked機能を復帰 |
|
png前処理
bg-image-file Ver.1.8.1追加 Ver.1.11.4更新 Ver.1.24.7修正 |
local fileのread機能 |
read完了後、canvas背面に合成
・canvasのre-sizeあり ・bg-filter適用可 ・Aのalpha値を無効に修正 ・1tapで入力欄のfile名を消去 |
|
png逐次処理
pen-image-file Ver.1.61.11追加 Ver.1.64.12更新 Ver.1.65.12更新 Ver.1.67.12更新 Ver.1.68.12更新 Ver.1.70.12更新 Ver.1.71.12更新 Ver.1.73.12更新 Ver.1.80.12更新 |
local fileのread機能 |
read完了後、初期化
・dash=0 ・stripe=none 任意penのimageをcanvas前面に逐次合成 ・内挿補間時の描画sizeを修正（line幅の内挿補間に準拠）：(w0+w1)/2 ⇒ 丸め誤差対策Math.max(0, w1) ・stripe||任意penの縦横size：64~256[px]*64~256[px] rainbow：Graphing Calculator-test case-gradation-2参照 snow：Graphing Calculator-test case-gold-2||Sierpinski-6参照 ・stampの縦横size：256[px]*256[px] star：Graphing Calculator-test case-gradation参照 ・cancel||未選択状態で任意penの解除 ・stripe機能 stripe=image選択：pen描画の上からimageをdestination-outで合成 stripe=none選択：imageを直接描画（Δframe>>10でclip後のimageを確認可） |
|
download-png
download-svg Ver.1.2.0追加 |
download機能 |
double-click後、canvas背面を保存
再downloadのbrowser-blockあり（保存file更新の許可が必要） |
|
実行button
Ver.1.28.7更新 |
実行の無効条件
・line描画中 ・filter実行中 |
|
|
clear
<< >> Ver.1.1.0追加 Ver.1.23.6更新 |
履歴機能 |
canvas背面に適用
clear: 全消去 <<: 描画を戻る >>: 描画を進む canvasのre-size機能を追加 |