GitHub - fabricjs/fabric.js: Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) ParserYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
watermark.js - watermarks in the browser
Composite Images watermark(['/img/shepherd.jpg', '/img/logo.png']) .image(watermark.image.lowerRight()) .then(function (img) { document.getElementById('composite-image').appendChild(img); }); Alpha Transparency watermark(['/img/forest.jpg', '/img/logo.png']) .image(watermark.image.lowerRight(0.5)) .then(function (img) { document.getElementById('alpha-image').appendChild(img); }); Text watermark(['
Canvas+JavaScriptを使って画像解析·Resemble.js MOONGIFT
Resemble.jsはCanvasを使って画像の解析、二つの画像の差分を抽出するJavaScriptライブラリです。 Canvasを使って何ができるかをみんな模索していると思いますが、特に多いのが画像解析、表示ではないかと思います。今回はJavaScript+Canvasによる画像解析ソフトウェアであるResemble.jsを紹介します。 一例。写真のRGB解析と明るさを解析しています。 二つの画像を比較しています。 色を排除した比較。 サンプル。これで間違い探しが快適になりますね。 Resemble.jsではresembleという関数を提供します。これにファイルデータを渡すと、RGBと明度の値が返ってきます。さらに二つ目の画像を渡すと差分のパーセントやその差分となる画像データが返却されます。そのまま使うのはもちろん、画像解析の手法として参考になる部分も多そうです。 Resemble.j
Animated GIFs the Hard Way
When doing the new website for the Sublime Text 2.0 launch, instead of just screenshots, I wanted to have animations to demonstrate some of its features. One of the criteria was that the animations should work everywhere, from IE6 to an iPad. This ruled out two common video options, Flash and the <video> element. Animated GIF files would have been a candidate, except for two issues: the 256 color
javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた : 404 Blog Not Found
2012年09月06日18:03 カテゴリアルゴリズム百選Math javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた HTML5 Canvas Steve Fulton / Steve Fulton / 安藤 慶一訳 [原著:HTML5 Canvas] 「選択的ガウスぼかし」がえらい気に入ったので、アルゴリズムの学習も兼ねてJavaScriptでやってみたら思いの他使い物になりそうということで。 Demo: File APIを実装しているブラウザーで動きます。IEの方ごめんなさい。IEだと10以降になります。小さめのファイルを読み込ませて下さい。1024*1024ピクセルを一応の上限に設定してあります。(追記2021.11.29:上限を16Mピクセルまで上げました。その他CSS周り修正) Info: Source: Radius: Thr
A JPEG Encoder for JavaScript [bytestrøm]
Herzlich Willkommen auf meiner Webseite, mein Name ist Andreas Ritter und ich bin Dipl. Media System Designer (FH). Seit meinem Abschluss im Jahre 2008 an der Hochschule Darmstadt arbeite ich als freiberuflicher Webdesigner und Programmierer. Für meine Kunden realisiere ich Projekte von der Idee bis zur Umsetzung und Veröffentlichung. Dazu zählen das Ausarbeiten eines schlüssigen und sinnvollen K
![A JPEG Encoder for JavaScript [bytestrøm]](https://cdn-ak-scissors.b.st-hatena.com/image/square/579c8c216c3cdf370a213b8192995f08f7180024/height=288;version=1;width=512/https%3A%2F%2Fwww.alzenau-in.de%2Fmedia%2Fimages%2F254_373_large.png)
Ajax - データ交換 via PNG : 404 Blog Not Found
2010年08月27日03:30 カテゴリLightweight Languages Ajax - データ交換 via PNG 面白い。 【レポート】JavaScriptとCSSをPNGファイルに含めて圧縮する方法 | エンタープライズ | マイコミジャーナル が、使いどころが限定的すぎる。 Demo 実際に双方向に変換するデモを作ってみた。 復元された文書 ソースはこんな感じ。 /* * You need base64.js. * cf: http://blog.livedoor.jp/dankogai/archives/51067688.html */ img2txt = function(node) { var el = document.createElement("canvas"), ctx = el.getContext("2d"), w = el.width = el.sty
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - matt-way/gifuct-js: Fastest javascript .GIF decoder/parser
GitHub - infinitered/nsfwjs: NSFW detection on the client-side via TensorFlow.js
GitHub - aeroheim/midori: library for animated image backgrounds
GitHub - mapbox/pixelmatch: The smallest, simplest and fastest JavaScript pixel-level image comparison library
GitHub - justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js
GitHub - tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas
GitHub - jwagner/smartcrop.js: Content aware image cropping
GitHub - jonom/jquery-focuspoint: jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.