イラレ(Adobe Illustrator)で「ピクセルプレビュー」にした時みたいにしたいです。
全体にとか、文字だけにとか、写真以外全部にとか…
調べまくりましたが、自力では解決できませんでした。
どの言語でどう書けばいいのでしょうか…?
是非回答よろしくお願いします。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
投稿2019/01/23 12:28
編集2019/01/23 23:12総合スコア2826
0
文字だけであればそういうフォントをWebフォントにすれば出来るとは思います。(フィルタの領域ではない気がします)
【PixelMplus(ピクセル・エムプラス) ‥ 8bitビットマップふうフリーフォント - itouhiroはてなブログ】
http://itouhiro.hatenablog.com/entry/20130602/font
【8bitゲーム機風のWebフォントをstyle.cssに記述してブログに反映させる | くねおの電脳リサーチ】
http://kuneoresearch.com/webfont-8bit-game/
画像ならCanvas使ってJavaScript で描くとか。
【HTML Canvasを利用して 画像のモザイク処理をする (JavaScript プログラミング)】
https://www.ipentec.com/document/html-canvas-create-mosic-image
【【jQuery】『pixelate.js』を使って画像にモザイク処理をかける方法 | Web制作会社スタイル】
http://www.hp-stylelink.com/news/2014/11/20141107.php
投稿2019/01/22 17:01
編集2019/01/22 17:02総合スコア69400
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/23 00:50
2019/01/23 06:02
2019/01/23 12:24
0
HTML や CSS, JavaScript をつかって凝った描画命令を行ったとしても、それが意図したとおりに行われる保証はありません。
なぜなら描画を行うのはブラウザであって、しかもブラウザは「処理できない命令は無視する」ように作られているからです。
意図したとおりに描画されたかどうかをチェックするのは(非常に愚直ですが)ある描画命令の後に「それで変化したはずのピクセルの状態を得る」ことで判定することは可能ですが、Acid テストででもない限りそんな手間暇かける意味がありません(失敗したからといって再描画しても同じことなので)
ブラウザのプラグインとしてそういうことを行えるものを作ることは可能でしょうが、それは HTML/CSS/JavaScript/Webサーバー の領分ではありません。
投稿2019/01/23 07:36
総合スコア13703
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/29 14:07