![ImageMagickを使うWebアプリのセキュリティ - 1. 既知の脆弱性、システム情報の漏洩 | 技術者ブログ | 三井物産セキュアディレクション株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5d5e5647932a2b6055e900d8951f52b8b1f1aa7/height=288;version=1;width=512/https%3A%2F%2Fwww.mbsd.jp%2Fassets%2Fimages%2Fthumbnails%2Fthumb_research_20180831_01.png)
あるいは、画像コメントのすすめ。 TL;DR 画像コメントのほうが意図が伝わりやすい 画像URLからツールチップで画像表示してくれるVSCode拡張機能があるよ その場で画像を作るSVGエディタもあったよ 問題提起 みなさんは、少し複雑なアルゴリズムを書くことになったときどうしていますか。 たいていの場合、いきなりコーティングに取り掛かるのでなく、 雰囲気をつかむためメモやホワイトボードに落書きすると思います。 特に幾何計算では簡単なものでも図を描いた方がいいです。こんな感じ。 図を書いたら後はコードに落とすだけです。 ね、簡単でしょう? // 指定した直線を対称軸としたときの指定した点の鏡映位置を返す function flipVectorByLine(p: Vector, line: Line): Vector { // TODO: よくわかるコメントを書く const ln = ne
QiitaやGithub のようにWebアプリ上でクリップボードにコピーした画像をペーストコマンドでサーバに直接アップロードする方法。 実装例 DevHubというチャットツールのチャット欄・メモ欄に実装した。 Web上の画像をコピー、または画面キャプチャから直接ペースト機能を使ってファイルアップロードからの表示ができるようになったのでとても便利になった。 以下、動作イメージ。 * クリップボードに画像をコピーした状態でメモ欄に Ctrl-v すると画像ファイルがアップロードされ、パスが返ってくる。 編集を終了すると独自のマークダウン処理で画像が表示される。 実装手順 貼り付け対象のDOMに 'paste' イベントをバインド pasteイベント処理内でeventから画像を取り出す Ajaxで画像情報をサーバに送信 サーバ側でファイルを保存し保存後のパスをクライアントに送信 クライアントで保
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
//エラー画像表示 header('Content-Type: image/png'); //readfile('img/err.png'); print base64_decode('iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIZSURBVHhe7dsxcptAGIbhn5wFucjkBMsJZPdp0+FSaty5TJcGSrtLmz7yCcwJMiki7rJZdjcxtjR4zIdUJO8zwxix8o55xUIjFz4wzPYu/8RMBBQRUERAEQFFBBQRUERAEQFFBBQRUERAEQFFBBQRUERAEQFFBBQ
<?PHP // 画像の新規作成 $image = imagecreatetruecolor(500, 300); // フォントサイズ $fsize = 50; // フォント角度 $fangle = 0; // フォントカラー $fcolor = imagecolorallocate($image, 255, 255, 255); // 使用フォント $fpath = "./ipagp.ttf"; // X座標マージン $margin = 10; // 文字出力 $textList = array("連邦の", "モビルスーツは", "化け物か"); for ($i = 0; $i < count($textList); $i++) { // 画像の出力位置を計算 $px = $margin; imagettftext($image, $fsize, $fangle, $px, 75
<?php $image_file = 'sample.jpg'; $img = new MyImage($image_file); $img->resizeImage(500, 500); $img->createImageFile('.', 'gd_sample.jpg'); header('Content-type: image/jpeg'); readfile('gd_sample.jpg'); class MyImage { var $img; var $width; var $height; var $font_path; function MyImage($image_path, $font_file_path = null) { $this->img = imagecreatefromjpeg($image_path); $this->width = imagesx($th
はじめに フォームの入力の際に、入力に間違いがないかプレビュー表示する この機能を実現するためにFileAPIを利用する JavaScriptのFileAPIは2016年3月現在ほぼすべてのブラウザに対応している(IEさえも) 本サンプルコードはjQueryで動作します。 jQueryを使っていないのが知りたい人はこちらのフォームからファイルを選択した際に、submitする前にプレビュー表示する方法(jQuery"無し"版) を参照のこと Demo 動作を確認できるデモはこちら Demo 対象のコード $(function(){ //画像ファイルプレビュー表示のイベント追加 fileを選択時に発火するイベントを登録 $('form').on('change', 'input[type="file"]', function(e) { var file = e.target.files[0],
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEHAAEALAAAAAABAAEAAAICTAEAOw=="> 最近では1x1pxの透過GIF画像なんて使うことも少ないけど Javascript で jQuery.lazyload とかやるときに使ったりする モバイルではより使われるのだろうか HTTPリクエストが減るので嬉しい (だけどbase64だからバイナリより重くなってるよねそのへんどうなんだろう)
php で画像ファイル形式を判別する方法 getimagesize exif_imagetype mime_content_type の各館数のどれかで取得することが出来る。 各関数とモジュール 各関数はそれぞれがモジュールに含まれている。 関数名 モジュール名 getimagesize GD exif_imagetype Exif mime_content_type FileInfo これら関数を使うには、それぞれモジュールがインストールされていることが必要。 モジュールの有無はphpinfo();関数を使って確認する。 値の取り方 それぞれの関数はそれぞれ使い方が異なる mime_content_type mime_content_typeはそのものズバリな名前が帰ってくる。 <?php mime_content_type("test.jpg"); #=> "image/jpeg" g
画像のサイズを変形する関数 サムネイル作成のコードを一気に書く前に、画像のサイズを変形するだけの関数を実装しておくと便利です。この関数はアスペクト比の計算を気にしないので、実装時や改修時に混乱しにくて良いです。 /** * 画像のサイズを変形して保存する * @param string $srcPath * @param string $dstPath * @param int $width * @param int $height */ function transform_image_size($srcPath, $dstPath, $width, $height) { list($originalWidth, $originalHeight, $type) = getimagesize($srcPath); switch ($type) { case IMAGETYPE_JPEG:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く