Canvasについて語ろう
- : Name_Not_Found [] 2011/05/11(水) 15:02:49.91:uj4WuUJf
- Canvasについて語りましょう
Canvas 2D API Specification 1.0
ttp://dev.w3.org/html5/canvas-api/canvas-2d-api.html
Canvas チュートリアル - MDC Docs
ttps://developer.mozilla.org/ja/Canvas_tutorial - : Name_Not_Found [age] 2013/01/09(水) 23:10:37.40ID:???
- 保守
- : あぼーん [あぼーん] あぼーん
- あぼーん
- : Name_Not_Found [] 2013/01/15(火) 14:41:52.88:JWS69SWh
- パワハラ犯罪にたいする刑事罰(※本投稿のコピペ歓迎です)
人事原則
1 現行法では、社員が仕事を怠けたり、能力不足、就業規則違反、目標を達成できなくても解雇をしたり叱責することは違法です。どんな駄目社員、嘘つき社員、怠け者も定年まで解雇が違法なのが現行の正社員制度です。
2 パワハラは社風にあわない社員、成績の振るわない社員を自主退職に追い込む言わば人事的措置として用いられることが多い。
※違法な解雇の和解金相場は、労働審判で3ヶ月、通常裁判で1年以上の報酬、さらに社員が和解を拒めば復職が可能です。弁護士への着手金は12〜15万円+20%の和解金、和解拒否なら20〜50万円程度。
人事部・ホットライン・御用組合へ直訴
メリット: 一時的緩和や人事異動
デメリット: 役員へ情報筒抜け、危険分子の烙印(情報漏洩がホットライン直訴者に多いのは人事部の常識)、パワハラ放置で自主退職に追い込まれる
民事訴訟・調停・労働審判
メリット: 損害賠償
デメリット: 裁判費用、解雇措置、民事不介入で刑事事案化を阻止、長期係争、パワハラ上司の継続雇用
刑事告訴
メリット: 1パワハラ上司の解雇・懲戒、または2多額の和解金、1と2どちらでも被害者の雇用は維持
デメリット: 人事異動(出世コースから外れる)
◎録音は一方の当事者が取る限り合法です。※加害者に録音の同意を求める必要はありません。
◎告訴受理後の和解金は加害者の資産・収入に応じて変えてください。犯罪者の昨年の年収の半額程度×最大懲役年数が妥当です。
◎パワハラの被害についての告訴は1侮辱罪2脅迫罪3強要罪4威力業務妨害罪5傷害罪の順序で行ってください。警察・検察の協力(犯罪者の自宅・職場の強制捜査、留置所勾留)により罪の立証が楽になります。
◎刑事告訴した社員を解雇したり処遇面で著しい差別を行うことはないでしょうが、出世や管理職以上の昇進の可能性はあきらめるべきでしょう。
◎刑事告訴は民事訴訟と違って裁判による被害者への2次被害にありません。検察庁が被害者に代わって訴えをおこすので、無料で、時間と手間も告訴状をかくことと音声録音を残すだけです。
◎和解契約(公正証書・即決和解)では告訴した事実は秘匿事項となります。犯罪者が秘密保持契約を違反した場合の損害賠償金は、最低5000万円〜にしましょう。 - : Name_Not_Found [] 2013/02/04(月) 10:28:17.74:UA1BFfVR
- 保守
- : Name_Not_Found [] 2013/03/06(水) 15:51:24.08:0AOG3pFY
- ボンバーマンもこれ使ってるの?
- : Name_Not_Found [] 2013/03/06(水) 19:10:31.53:kMD4PmZG
- これのことけ?
ttp://blog.happyelements.co.jp/2012/08/websocket-html5canvasnodejscreatejs.html - : Name_Not_Found [sage] 2013/03/06(水) 19:45:30.63ID:???
- これのこと
E2200っていう775世代のCPUでもかなり快適に動く
ttp://japanese.engadget.com/2013/02/27/1500-mmo-bombermine/ - : Name_Not_Found [sage] 2013/03/06(水) 19:58:54.39ID:???
- ボンバーマンじゃないじゃん
- : Name_Not_Found [sage] 2013/05/21(火) 23:37:22.32ID:???
- whammy.jsというライブラリが面白い
canvasからwebm動画に変換できる - : Name_Not_Found [] 2013/06/04(火) 03:17:16.08:WqEOqPrp
- 新作だぜ〜
ttp://www42.atwiki.jp/syugyou/pages/255.html - : Name_Not_Found [sage] 2013/06/09(日) 01:04:07.62ID:???
-
すげーけど設定項目が多すぎ&分かりにくくて頭がパンクしたw
あとやっぱ各ブラウザによる不安定さは何時までもネックやね - : Name_Not_Found [age] 2013/06/12(水) 00:30:24.34ID:???
- !
- : Name_Not_Found [age] 2013/06/12(水) 00:34:59.39ID:???
- やばい・・
Uint8Array+blob+createObjectURLが優秀すぎる
base64encodeせずに音を出せたぜ - : Name_Not_Found [sage] 2013/08/28(水) NY:AN:NY.ANID:???
- すみません。スレ違いだとは思いますがSVGについて教えてください。
フチ付きの二つの図形を結合させたいのですがHTML5のSVGで可能でしょうか?
可能でしたら解説サイトなど教えていただけないでしょうか? - : Name_Not_Found [sage] 2013/08/28(水) NY:AN:NY.ANID:???
-
スレチなので別の所で質問して下さい。 - : Name_Not_Found [sage] 2013/08/28(水) NY:AN:NY.ANID:???
- すみません。スレ違いだとは思いますがSVGについて教えてください。
フチ付きの二つの図形を結合させたいのですがHTML5のSVGで可能でしょうか?
可能でしたら解説サイトなど教えていただけないでしょうか? - : Name_Not_Found [sage] 2013/08/29(木) NY:AN:NY.ANID:???
-
【XML】SVGってどうなの2【DOM】
ttp://toro.2ch.net/test/read.cgi/hp/1155267046/ - : Name_Not_Found [sage] 2013/08/29(木) NY:AN:NY.ANID:???
- 右クリックからリンク先のURLをポップアップで表示するChromeの拡張機能を作っています。
アラートではリンク先のURLが表示されるのですが、ポップアップではURLを表示することができませんでした。
また、ポップアップに文字を書き込むことを試したのですが何も表示されませんでした。
popup.htmlに別のjsファイルを読み込むようにしないとダメなのでしょうか?
function popUp(info) {
alert(info.linkUrl);
chrome.windows.create({
"url":"popup.html",
"type":"popup"
},function(win){win.document.write("abc")});
}
chrome.contextMenus.create({
"title": "ポップアップを表示",
"type": "normal",
"contexts": ["link"],
"onclick":popUp
}); - : Name_Not_Found [] 2013/09/25(水) 06:52:21.79:wjQYH4m7
- 新作だぜ〜
枠ツクール
ttp://www53.atpages.jp/jagarikin/wak - : Name_Not_Found [sage] 2013/10/01(火) 03:58:30.33ID:???
- なるほど、相変わらずわからん
- : Name_Not_Found [] 2013/10/07(月) 02:21:41.44:6JbeY9iE
- 新作だぜ〜
〜orbit trap探検隊〜
ttp://http://www53.atpages.jp/jagarikin/orb">ttp://www53.atpages.jp/jagarikin/orb
スクショ
: Name_Not_Found [sage] 2013/10/07(月) 13:11:22.53ID:???- あげるならさjsdo.itだかなんかのカヤックが運営するあそこにあげてよ
- : 245 [] 2013/10/08(火) 02:55:04.15:BYxKYpip
- 見てきたけどwonderflみたく左側にコード出るのかよ
俺のだと嫌がらせになるぜ〜 - : Name_Not_Found [sage] 2013/10/12(土) 01:02:44.71ID:???
- コード管理大変そうなソースだな
改行とかあるあたりコンパイルしたってわけでもなさそうなのに
こんなコード書いてたら自分じゃ途中でわけわからなくなっちまうで - : Name_Not_Found [] 2013/10/22(火) 17:55:13.81:QaUFyOTp
- なんせ一週間前に自分が作ったもんが解読できない時があるぜ〜
こんなん作ったわ
〜秋の味覚狩り〜
ttp://www53.atpages.jp/jagarikin/b/read.php/15067 - : Name_Not_Found [sage] 2013/10/23(水) 02:54:58.18ID:???
- ↑
バリバリjavascript
w - : Name_Not_Found [] 2013/10/28(月) 19:56:53.96:AKTpJBEP
- jsdoitに何個かあげたけどさほど伸びなかったぜ!
アトラクタ
ttp://jsdo.it/jagarikin/lqsy
orbittrap
ttp://jsdo.it/jagarikin/9wb4
2dセルオートマトン
ttp://jsdo.it/jagarikin/i4gX - : Name_Not_Found [sage] 2013/11/11(月) 13:30:52.86ID:???
- 少しはソースコードがましになってるwww
がやはり何をやってるのかさっぱりわからん - : Name_Not_Found [sage] 2013/11/11(月) 21:07:54.50ID:???
- そのサイトで無改編のforkだけしてるやつなんなの
- : Name_Not_Found [sage] 2013/11/12(火) 10:39:47.28ID:???
- 有用性のあるサイトが全くないよな。
え、これフラッシュじゃないの? というくらいのカッコいいサンプルサイトとかないのかな。 - : 251 [] 2013/11/23(土) 06:06:17.92:KSATDeUj
- みなさんのおかげでHotCodeに食い込みました
ありがとうございます>< - : Name_Not_Found [sage] 2014/01/13(月) 20:29:49.69ID:???
- じゃがりきんって人は数学者かなにか?
何者なんだ・・ - : Name_Not_Found [sage] 2014/01/20(月) 12:35:06.31ID:???
- チョン大でユークリッド幾何教えてるって昔オフで言ってた
- : Name_Not_Found [sage] 2014/02/07(金) 22:01:42.13ID:???
- 大きな画像をcanvasに読み込んで縮小表示するとすげージャギります。
解決策ないですかね?
<img>タグで読み込んだ画像を縮小表示するときは、アンチエイリアスが効いて綺麗に表示されるのに…。 - : Name_Not_Found [sage] 2014/02/08(土) 12:22:17.39ID:???
- 等倍で読み込む→getImageData→自前縮小→put
- : Name_Not_Found [sage] 2014/02/08(土) 23:44:34.82ID:???
-
レスありがとうございます。
canvasの drawImage() を使ってリサイズせずに、
別の方法で画像をリサイズしてからcanvasにはリサイズ後の画像を等倍で描画しろ、ってことですね。
自前でリサイズ処理を実装するのが難しそうだ…。
ブラウザのcanvas実装が進化して、綺麗にリサイズできるようになる日が来るのを待ちますw - : Name_Not_Found [sage] 2014/02/09(日) 16:41:57.72ID:???
- drawImage()で縮小する方法として、
「いったん目的の画像と元画像の中間の大きさの画像を生成する」
っていう段階的にリサイズする手があるみたいですね。
ジャギー発生の条件が「画像の縮小率が 50% を下回る」ということらしいので、
段階的に縮小して50%を下回らないようにすればジャギらないようです。
Canvas drawImage() で画像を縮めすぎるとギザギザする問題を解消する
ttp://jsdo.it/21f/nvIM - : Name_Not_Found [] 2014/02/11(火) 09:37:58.89:4E0HsFuc
- そもそも50%以下でジャギるって仕様はどうなってんだ
バイリニア(周囲4マスしか参照しない)か? - : Name_Not_Found [sage] 2014/02/12(水) 15:51:06.92ID:???
- 画像を円形にくり抜くのって出来ないの?
- : Name_Not_Found [sage] 2014/02/16(日) 13:26:34.72ID:???
- 円形の画像ギャラリー
ttp://jsdo.it/obomemo/obr0 - : じゃがりきん [] 2014/03/15(土) 16:06:12.32:61UnCATO
- 久々の自信作だぜ〜
ベルベットフレア
ttp://jsdo.it/jagarikin/zCfZ - : Name_Not_Found [] 2014/03/17(月) 18:29:00.18:9eq4Z8up
-
ザックリしか見てないけど
function ruup()などの関数名がイカス - : Name_Not_Found [sage] 2014/03/19(水) 22:16:35.80ID:???
- 読めるソースになってるw
- : Name_Not_Found [] 2014/03/23(日) 15:46:24.23:ykVxlW4K
- 詳しい方、おしえてください。当方、canvas初心者です。
canvasに4つの四角を描くプログラムを書いたのですが、
なぜか、4つめの枠線が薄くなります。
ソースコードを以下に上げたので、ご教示ください。m(_ _)m
ttp://sandbox323.wiki.fc2.com/wiki/canvas-test - : Name_Not_Found [sage] 2014/03/23(日) 19:27:33.78ID:???
- stroke()はrect()呼び出した後に毎回呼び出さず、最後に一回だけ呼び出せばいい
- : Name_Not_Found [sage] 2014/03/23(日) 20:12:22.08ID:???
-
レスありがとうございます。
/* 四角を描く */
ctx.strokeStyle = 'rgb(255, 0, 0)'; //赤
for ( var key in coordinates ) {
ctx.rect( coordinates[key].x, coordinates[key].y, 25, 25);
}
ctx.stroke();
としてみたら、4つとも同じ色の枠線になったのですが、
なぜか少し薄い赤です。
それで、当てずっぽうですが、
/* 四角を描く */
ctx.strokeStyle = 'rgb(255, 0, 0)'; //赤
for ( var key in coordinates ) {
ctx.rect( coordinates[key].x, coordinates[key].y, 25, 25);
}
ctx.stroke();
ctx.stroke();
とstroke()を2回繰り返したら、4つとも普通の赤になりました。
自分のブラウザ(chrome最新版)がおかしいんでしょうか? - : Name_Not_Found [] 2014/08/01(金) 21:21:33.37:rp6Y6Wdn
- Canvas Fingerprintingはクッキーより怖いのか技術的に調べてみた
ttp://techracho.bpsinc.jp/morimorihoge/2014_07_29/18555 - : Name_Not_Found [hage] 2014/11/13(木) 11:21:34.25ID:???
- ttp://jsdo.it/jagarikin/t4Rm
じゃがりきん新作hage - : Name_Not_Found [sage] 2015/02/17(火) 18:46:25.11ID:???
- 幾何学の図形を描くのにCanvasは適していますか。
他にHTMLドキュメントで表現できる方法はありますか。
SVGのほうが最適でしょうか。 - : Name_Not_Found [sage] 2015/02/18(水) 02:18:21.48ID:???
- 用途による
- : Name_Not_Found [sage] 2015/02/18(水) 09:35:34.76ID:???
- SVGのほうはHTMLと同じDOM操作で描くというより組み立てる感じに近い
fabric.jsってライブラリがcanvasとsvg両方に対応してる - : Name_Not_Found [sage] 2015/02/18(水) 10:47:52.39ID:???
- SVGの最大の強みはスケーリング変えても画質の損失が無い事、
画像の要素の一部を移動や拡大とかだとその属性の変更で済んでしまう事
canvasの場合全面書き換えする必要がある
あとSVGはIllustratorやInkscapeなどを使用して事前に作成(外部ファイル化)が可能
難点といえば複雑な図形では描画に少し時間がかかる点か?
しかしこれはcanvasも似たようなものか
どちらもjpegやpngなどラスター画像を組み込む事も出来るので全てを描画する必要は無い - : 273 [sage] 2015/02/18(水) 18:24:02.09ID:???
-
教えてくださってどうも有難うございました。
たいへん参考になりました。
とりあえずinkscapeを使って描き、SVGで出力する方法でやってみます。 - : Name_Not_Found [sage] 2015/02/18(水) 18:39:27.09ID:???
- arcメソッドを使う場合はbeginPathもclosePathもいらないと思うんですが、使う理由は何ですか?
arcメソッドってパス関係ないと思うんですけど。
ほとんどのサンプルコードには使われているんですがこれらは間違っていると思うんです - : Name_Not_Found [sage] 2015/02/18(水) 19:01:57.68ID:???
-
ここのサンプル眺めてればなんとなく理由がわかると思う
ttps://developer.mozilla.org/ja/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes - : Name_Not_Found [sage] 2015/02/18(水) 19:04:55.07ID:???
- moveToでサブパスが発生するから
- : Name_Not_Found [sage] 2015/02/18(水) 20:40:00.31ID:???
- arcだけしか使わない場合ならmoveToは不要だと思うんですよ
- : Name_Not_Found [sage] 2015/02/18(水) 20:40:43.54ID:???
-
注意: fill メソッドがと呼ばれるときはどんな開いている図形は自動的に閉じられ、 closePath メソッドを使う必要はありません。
なるほど - : Name_Not_Found [sage] 2015/02/18(水) 20:41:55.38ID:???
- arcで複数の円を作る場合ならmoveToはいらないという話です
矩形やlineToなどを使う場合は別です - : Name_Not_Found [sage] 2015/02/18(水) 20:52:23.53ID:???
- fillやstroke、closePathを呼び出すまでarcを複数回呼び出した場合、それは1つのパス、って事
- : Name_Not_Found [sage] 2015/02/18(水) 23:23:10.78ID:???
- 真円ならいらないね
弧だけなら線と組み合わせる場合があるからいる - : Name_Not_Found [sage] 2015/02/19(木) 09:17:47.89ID:???
- moveToが要る要らないじゃなくて、要るとき底辺コーダーが罠に嵌らないように、ご丁寧にそういうサンプルコードが書かれてるんだよ
で、そのサンプルが伝播して『ほとんどのサンプルコードには使われている』状態になってる
大元がどこかは分かるだろ - : Name_Not_Found [sage] 2015/02/19(木) 09:28:11.26ID:???
- fill,stroke,closePathが不要なのはfillRect,strokeRect,clearRectだけだね
- : Name_Not_Found [sage] 2015/02/19(木) 10:03:16.78ID:???
- ベクターグラフィックシステムの設計の根底にタートルグラフィックの考え方があります
この辺も読んでおくとよいでしょう
ttps://msdn.microsoft.com/ja-jp/library/gg193983(v=vs.85).aspx - : Name_Not_Found [sage] 2015/02/19(木) 12:25:47.01ID:???
- 左○を白と黒のグラデーションにして、右○を赤と黒のグラデーションにしたいんですが
左○が赤と黒になってしまいまして、右○のグラデーションが効いてない状態になりました
ttp://jsfiddle.net/cq2nLqhy/
どう直したらいいのか教えて下さい - : Name_Not_Found [sage] 2015/02/19(木) 12:52:03.15ID:???
-
上の方でちょっと話題になってるのと関連するけど、
beginPathが無いのとfillが1度だけしか呼ばれてないから1つの図形
と見なされてる - : Name_Not_Found [sage] 2015/02/19(木) 13:06:35.12ID:???
- それと話題それるけどそのサイトいいね
ログインしなくても投稿できるのか - : Name_Not_Found [sage] 2015/02/19(木) 13:20:56.56ID:???
- こうですか?左○のグラデーションが効くようになったんですけど右○は相変わらずグラデーションが効きません
あとパフォーマンスの観点からfillを一度だけ呼びたいんですけど無理なんでしょうか?
ttp://jsfiddle.net/cq2nLqhy/3/ - : Name_Not_Found [sage] 2015/02/19(木) 13:31:35.57ID:???
- createRadialGradientの座標がどちらも一緒になってるよ
下は
var crg2 = ctx.createRadialGradient(150, 50, 10, 150, 50, 100);
かな?
あとfillでパスは閉じるのでclosePathは不要 - : Name_Not_Found [sage] 2015/02/19(木) 13:38:29.79ID:???
- あ、あと円グラデーションの終了点がかなり外側だから黒になり切らないね
100じゃなくて50じゃ?
var crg2 = ctx.createRadialGradient(150, 50, 10, 150, 50, 50); - : Name_Not_Found [sage] 2015/02/19(木) 14:01:04.90ID:???
- アドバイス受けて修正したら今度は右○は効くようになったのに左○が効かなくなりました
ttp://jsfiddle.net/cq2nLqhy/4/ - : Name_Not_Found [sage] 2015/02/19(木) 14:11:46.21ID:???
- いやだからbeginPathは要るんだってばw
ttp://jsfiddle.net/gLbd0frh/1/
対照性が悪いみたいでスッキリしないと思うけど - : Name_Not_Found [sage] 2015/02/19(木) 15:16:42.67ID:???
- なるほど、勉強になりました
グラデーションをつかうと一つずつ描画しないといけないのが難点ですね - : Name_Not_Found [sage] 2015/02/20(金) 17:44:11.41ID:???
- rotateで複数のグラフィックをそれぞれ中心で回転したい場合ってその数だけcanvas要素を作らないとだめですか?
ttp://tech.kayac.com/archive/canvas-tutorial.htmlの長方形が回転するサンプルのtranslate,rotate ,translateの後にfillRectを複数並べると
惑星が回るようになってしまいました
風車みたいなものをつくりたいんですが
ttp://jsdo.it/shitman/sDTZのサンプルではcanvas要素を複数用意してたのでやっぱり複数要素作らないだめですか? - : Name_Not_Found [sage] 2015/02/20(金) 18:42:35.34ID:???
- よくわからん。
1つのオブジェクトのパスを指定して変換かけて描画する。
の繰り返しでいいだけじゃん? - : Name_Not_Found [sage] 2015/02/20(金) 19:09:15.65ID:???
-
save()
translate() rotate() translate()
fillRect()
restore()
translate() rotate() translate()
fillRect()
restore()
以下繰り返し
でしょ
当然rotateや2回目のtranslateの中身は変えないと全部重なるだけだが - : Name_Not_Found [sage] 2015/02/20(金) 22:59:29.39ID:???
- 多分そんな感じで作ったんですが最初から作りなおしたらできました。
なんで最初のが動かなかったのか原因は分かりません。
ありがとうございます - : Name_Not_Found [sage] 2015/02/20(金) 23:26:44.32ID:???
- translateで横に100ずらしたいのに、何故かxとyの分だけ余計にずれてます
ttp://jsfiddle.net/0fs1dhfj/
座標10:10に100x100の正方形を描画して、右方向に100ずらした位置に正方形を描画したいんですが
これ、正方形と正方形の間にスペースが空いてしまいます。
どうしてこうなるんでしょうか? - : Name_Not_Found [sage] 2015/02/20(金) 23:35:20.08ID:???
-
いや、10ずつ足してるじゃん・・・ - : Name_Not_Found [sage] 2015/02/20(金) 23:44:36.73ID:???
- 理解できました
translateで移動した位置が座標0:0となるんですね - : Name_Not_Found [sage] 2015/02/21(土) 10:17:56.11ID:???
- transformって歴史的な理由で残されてるってw3cに書いてあったけどその歴史的な理由知ってる?
- : Name_Not_Found [sage] 2015/02/22(日) 20:23:32.30ID:???
- それを語るなら秦の始皇帝まで遡る事になるが良いかな?
- : Name_Not_Found [sage] 2015/02/22(日) 20:52:38.66ID:???
- canvas自体そんなに歴史があるわけじゃないのに何だろうね?
アフィン変換、行列変換の事を言ってるんだろうか?
Most of the API uses SVGMatrix objects rather than this API. This API remains mostly for historical reasons.
(”APIのほとんどは、SVGMatrixは、このAPIのではなく、オブジェクトを使用します。このAPIは、歴史的な理由のために主に残る。”)
確かにtranseformメソッドを呼ぶよりscale,rotate,translateメソッドをそれぞれ呼んだほうが扱いやすい気がする - : Name_Not_Found [sage] 2015/02/24(火) 13:59:45.75ID:???
- cssにはskewが実装されてるのにcanvasには実装されてない
中途半端なのがtransformである
奥行きをつけるのにcssからなら楽勝だがcanvasでやると知識がないと無理 - : Name_Not_Found [sage] 2015/08/22(土) 23:08:36.53ID:???
- canvasを使ったお絵かきアプリのソースを捜しています。
書き出した絵を再度読み込める機能が必要です。
pngで書き出すだけなら次のようなものを見つけています。
Literally "Canvas"
ttp://literallycanvas.com/index.html
よろしくお願いします。 - : じゃがりきん [] 2015/11/09(月) 19:55:12.13:jxiwh9if
- 新作どぇす
飛天
ttp://jsdo.it/jagarikin/WDW8 - : Name_Not_Found [sage] 2015/11/17(火) 05:16:50.87ID:???
-
:::::::::::::::::::: ::::::::::/ ):::::::::
:::::(\::::::: / / ):::::::::::
:::::/\\ / / /ヽ::::::::::::
:::: ヽ \\ ィユ, / / / /::::::::::::::::
:::: ( \ \\ ( ^ω^) l 三 / / ):::::::::::::::
:::::::ヽ ヽ . ミヽヽ | | / 二 / /
::::::: ( \ ヽミ ヽヽ | .| + / 二 ___/ヽ
::::... /ヽ ヽ ニ ヽヽ |,,,| ┼ // ニ _______/
:::. ヽ____ ニ ヽ`l ヽ__// ニ ____ノ
ヽ___, ニ l :: ′ ニ ___ノ
ヽニ -‐ ,l :: __ ≡ __ノ+ ┼ * :::::::::
ヽ---'''ヽ、 ,,,;''''='''''__ + ┼ + .::::::::::
:::::... + ┼ + EEi''!Q.Qー-、___'''''ー-、 :....::::::::::::
:::::::.... + ┼ EEi. Q. Q +'''ヽ ..:...::::::::::::::::::::
:::::::::::::::::..... + EEi. Q. Q ┼ :....:::::::::::::::::
::::::::::::::::::::....: + * EEi Q Q .....:::::::::::::::::
::::::::::::::::::::::::::... + EE! Q @.....:::::::
::::::::::::::::::....::....::. カカ @...::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::
私は不死鳥ハメ鳥。何度dat落ちしても蘇る。
世界中にあふれるさまざまなハメ撮り動画・画像を知っている。
でもただひとりの不幸な男が欄検眼段にHITしてしまい、
その男と一緒に滅びていった女達のことを私は忘れない。
私の名は不死鳥ハメ鳥、ラーミアの末裔。 - : じゃがりきん [] 2015/11/17(火) 20:27:02.10:t8dBkVyD
- 進化したぜ〜
魔天
ttp://jsdo.it/jagarikin/CjPp - : Name_Not_Found [] 2015/12/21(月) 20:53:05.06:tr4v3gJV
- 描かれたcanvasをSNSに簡単にアップできるようなライブラリなどはありますか?
canvas部分をクリック→ポップアップでtwなどのアイコンリスト→
選択→canvasを画像として投稿、のような感じにしたいです。 - : Name_Not_Found [sage] 2015/12/22(火) 19:58:01.39ID:???
- 普通にcanvasを右クリで画像を保存してからアップしたほうがいんじゃね?
- : Name_Not_Found [sage] 2015/12/22(火) 23:52:30.35ID:???
-
そのほうがいい理由がわからん。 - : Name_Not_Found [sage] 2015/12/23(水) 16:21:34.45ID:???
-
313ですが、それを一連的に行いたいのです。 - : Name_Not_Found [sage] 2015/12/26(土) 08:38:40.26ID:???
- var cvs = document.createElement('canvas');
cvs.width = 300;
cvs.height = 300;
ctx = cvs.getContext('2d');
var bcnt = 10;
var wblur = 0.03;
var hblur = 50;
ctx.fillStyle = 'rgba(0,0,0, '+(0.5/bcnt)+')';
for(var i=0;i<bcnt;i++) {
ctx.beginPath();
ctx.moveTo( 20, cvs.height/2 );
ctx.arc( 20, cvs.height/2, 200+hblur/bcnt*i, Math.PI*(1.9-wblur/bcnt*i),Math.PI*(0.1+wblur/bcnt*i));
ctx.closePath();
ctx.fill();
}
物体に落ちる影ではなく伸びる影を表現したいのですが、重ねてぼかすのではループを回すだけ負荷が掛かるので、ループを避けたいのですが何か良い方法は無いでしょうか
上の例のbcntを減らすとぼやけ方に段差が出来てしまうのですが、少ない描画指示でbcnt=10程度のぼやけ方を表現したいのです
よろしくおねがいします。 - : Name_Not_Found [] 2016/01/31(日) 12:22:12.78:zfC0es6V
-
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。
ttp://homepage2.nifty.com/e-d-a/scurl/ays.html
ttp://homepage2.nifty.com/e-d-a/scurl/SW-pos.html
ttp://homepage2.nifty.com/e-d-a/scurl/SW-sp.html
ttp://homepage2.nifty.com/e-d-a/scurl/SW-BB8.html
浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
ttp://www.o-naniwa.com/
このように現在まで6通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
ttp://homepage2.nifty.com/e-d-a/scurl/ia-1-3.html
ttp://homepage2.nifty.com/e-d-a/scurl/ia-2-1.html
ttp://homepage2.nifty.com/e-d-a/scurl/ia-3-1.html
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に11通のメールを頂戴しているか不明なところであります。
●クリスタル通り122号室の付きうごき引きニート,205号室の繰り返し症ニート
●浪速建設 女事務員 南野 東条 ●アパマンショップ八尾店 加茂正樹 でござる の巻 - : Name_Not_Found [] 2017/05/18(木) 10:53:32.65:gdJaFD6Y
- age
- : Name_Not_Found [] 2017/12/12(火) 05:21:20.26:MrUcGD8N
- ホームページで友達が稼げるようになった情報とか
⇒ ttp://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
I0DIFOR3EF - : Name_Not_Found [sage] 2018/01/27(土) 11:31:19.38ID:???
- 【環境】
OS:Linux ブラウザ:Chromium バージョン 57.0.2987.98
【コード】
<canvas id="canvasA" width="640" height="480">
キャンバスA
</canvas>
<script>
var context = document.getElementById('canvasA').getContext('2d');
var image1 = new Image();
image1.src = 'myphoto.png';
image1.onload = function(e){
context.drawImage(image1, 0, 0, 320, 240);
};
</script>
<canvas id="canvasB" width="640" height="480">
キャンバスB
</canvas>
<script>
var context = document.getElementById('canvasB').getContext('2d');
var image2 = new Image();
image2.src = 'myphoto.png';
image2.onload = function(e){
context.drawImage(image1, 0, 0, 640, 480);
};
</script>
とすると、キャンバスBのほうに画像が重なって表示されて
キャンバスAには表示されなくなっちゃうのです。
canvas要素のid名がまったく意味をなさないというか・・・
何か大きなミスを犯しているでしょうか? - : Name_Not_Found [sage] 2018/01/27(土) 12:43:48.47ID:???
-
var contextが別のものであるかのように書いてるけど1つめのcontextは再宣言で亡くなってる
varじゃなくてlet/constで宣言してればちゃんとこれでちゃんとエラー吐いてくれるからvarをやめたほうがいい - : 321 [sage] 2018/02/28(水) 23:13:16.03ID:???
-
ご指摘いただけて有り難いです。
imageはimage1とimage2に分けたのにcontextは重複させてしまっていました。
それからvarはブロックスコープを持たず、letやconstなら持つということも
知りました。新しい仕様なんでしょうか。
教えてくださってどうも有難う御座いました。 - : Name_Not_Found [] 2018/05/01(火) 18:50:10.89:l1wYHpV1
- 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
HAVC1
凡例:
レス番
100 (赤) → 2つ以上レスが付いている
100 (紫) → 1つ以上レスが付いている
名前
名無しさん (青) → sage のレス
名無しさん (緑) → age のレス
ID
ID:xxxxxxx (赤) → 発言が3つ以上のID
ID:xxxxxxx (青) → 発言が2つ以上のID
このページは2ch勢いランキングが作成したキャッシュです。元のページはこちら。削除についてはこちら。