画像をドラッグ&ドロップできる超簡易WYSIWYGエディタ
画像ファイルをドロップすると、img
要素で表示するWYSIWYGエディタもどき。
送信用コードも書いてあるものの、送信先を外部ドメインにすることで、
送信中に必ずエラーが出るようにしている。
var h = require('virtual-dom/h'); | |
var diff = require('virtual-dom/diff'); | |
var patch = require('virtual-dom/patch'); | |
var createElement = require('virtual-dom/create-element'); | |
var Hammer = require('hammerjs'); | |
var requestAnimationFrame = require('raf'); | |
/** | |
* イベント用のHook、`EvHook`を定義 | |
*/ |
/** | |
* data-alert属性 | |
*/ | |
window.addEventListener('click', function(e){ | |
var target = e.target; | |
if (target.dataset.hasOwnProperty('alert')) { | |
alert(target.dataset.alert); | |
} | |
}, false); |
/** | |
* @see http://stackoverflow.com/questions/3277182#3277192 | |
*/ | |
var isStrictModeSupported = (function() { 'use strict'; return !this; }()); |
Uint8ClampedArray/CanvasPixelArrayの比較処理 - パフォーマンス計測 |
合成除外の文字以外で構成された文字列の置換 - パフォーマンス計測 |
『input要素のtext属性(他)の左内側の余白を空ける方法 - Qiita』のサンプル |
Get style property (CSSStyleDeclaration object) of Pseudo Elements / 擬似要素のstyleプロパティ(CSSStyleDeclarationオブジェクト)を取得 |
/** | |
* 文字の表示に対応しているか判定します。 | |
* 判定を行うには、canvas要素とcanvasへのテキストの描画に対応している必要があります。 | |
* | |
* @param {Element} targetElem 文字の対応判定を行う基準となる要素。 | |
* この要素の算出スタイル、及び所属するdocumentオブジェクトを元に、判定を行います。 | |
* @constructor | |
*/ | |
function SupportCharacter(targetElem){ | |
/** |
Online and offline events example |
画像ファイルをドロップすると、img
要素で表示するWYSIWYGエディタもどき。
送信用コードも書いてあるものの、送信先を外部ドメインにすることで、
送信中に必ずエラーが出るようにしている。