Born Neet
Firefox3.6がリリースされたので、canvas作品をFile API(とDrag&Drop)に対応させてみた
- 2010-01-22 (Fri)
- html5
お久しぶりです。
僕がインターネットのない生活を送っている間に、
待望のFirefox3.6がリリースされましたね!
これでFirefoxがターゲットのサイトなら、FireAPIを使い放題です!!
(今まではβ版だったので、開発者しか使ってませんでしたからね・・・)
というわけで、以下の2作品をFile API対応させときました。
ダイアログを使うか、選択欄にdrag&dropすればローカルファイルを指定できます。
錯覚エディター by HTML5 Canvas
canvasで画像拡大鏡
何かたまにおかしくなりますが、サンプルということで許して下さい^^
あと、巨大ファイルや画像じゃないファイルを指定すると壊れますのでご注意を。
File API、面白いので皆さん是非試してみて下さい!
※ 以前File APIの簡単な使い方をLTしたのでよろしければどうぞ。
htmlのキーワード一覧
- 2010-01-17 (Sun)
- html/css
htmlも。
HTML Elements Index – Jens Meiert
index of HTML5 elements
HTML5 Elements and Attributes
各HTMLバージョンのDOCTYPE宣言のサンプル集
最後の方、ちょっと投げました。
っていうかタグと属性識別すんの忘れた…orz
cssもプロパティとvalue一緒にしちゃったし…。
!--
!DOCTYPE
--
-//W3C//DTD HTML 4.01 Frameset//EN
-//W3C//DTD HTML 4.01 Transitional//EN
-//W3C//DTD HTML 4.01//EN
-//W3C//DTD XHTML 1.0 Frameset//EN
-//W3C//DTD XHTML 1.0 Strict//EN
-//W3C//DTD XHTML 1.0 Transitional//EN
-//W3C//DTD XHTML 1.1//EN
?xml
abbr
accept
accept-charset
access
accesskey
acronym
action
address
align
alink
alt
applet
archive
area
aria-
article
aside
audio
axis
background
base
basefont
bdo
bgcolor
big
blockcode
blockquote
body
border
br
button
canvas
caption
cellpadding
cellspacing
center
char
charoff
charset
checkbox
checked
cite
class
classid
clear
code
codebase
codetype
col
colgroup
color
cols
colspan
command
compact
content
contenteditable
contextmenu
coords
data
data-
datalist
date
datetime
datetime-local
dd
declare
defer
del
delete
details
dfn
di
dir
disabled
dispatch
div
dl
draggable
dt
em
email
embed
encoding
enctype
EUC-JP
ev:listener
face
fieldset
figure
file
font
footer
for
form
frame
frameborder
frameset
group
h1
h1, h2, h3, h4, h5, and h6
h2
h3
h4
h5
h6
handler
head
header
headers
height
hgroup
hidden
hr
href
hreflang
hspace
html
http-equiv
http://www.w3.org/1999/xhtml
http://www.w3.org/TR/html4/frameset.dtd
http://www.w3.org/TR/html4/loose.dtd">
http://www.w3.org/TR/html4/strict.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd
id
iframe
image
img
input
ins
insert
isindex
ismap
itemid
itemprop
itemref
itemscope
itemtype
ja
kbd
keygen
label
lang
language
legend
li
link
listing
load
longdesc
map
marginheight
marginwidth
mark
marquee
maxlength
media
menu
message
meta
meter
method
model
month
multiple
name
nav
nl
noframes
nohref
noresize
noscript
noshade
nowrap
number
object
ol
onabort
onblur
oncanplay
oncanplaythrough
onchange
onclick
oncontextmenu
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformchange
onforminput
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onreadystatechange
onreset
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
onunload
onvolumechange
onwaiting
optgroup
option
output
param
password
plaintext
pre
profile
progress
prompt
PUBLIC
radio
range
rb
rbc
readonly
rebuild
recalculate
refresh
rel
repeat
reset
rev
revalidate
role
rows
rowspan
rp
rt
rtc
ruby
rules
samp
scheme
scope
script
scrolling
search
secret
section
select
select1
selected
send
separator
setfocus
setindex
setvalue
shape
Shift_JIS
size
small
source
span
spellcheck
src
standby
start
strike
strong
style
sub
sub and sup
submit
summary
sup
switch
tabindex
table
target
tbody
td
tel
text
textarea
tfoot
th
thead
time
title
tr
trigger
tt
type
ul
upload
url
usemap
UTF-8
valign
value
valuetype
var
version
video
vlink
vspace
week
width
xml:lang
xmlns
xmp cssのキーワード一覧も集めてみた
- 2010-01-17 (Sun)
- html/css
前回に引き続いて、cssです。
jsに比べればリソースがたくさんあって楽でした。
hail2u.net - Weblog - CSSのプロパティをソートするPerlスクリプト
CSS Properties Index – Jens Meiert
プロパティはこの2つで完璧。
CSS HTML XHTML Reference Book
» 90 CSS Properties, Values and Browser Support :: CSS, JavaScript and XHTML Explained
@規則 一覧 - CSS Dencitie
valueとかはここらへんから頑張って(適当に)抽出。
できたのがこれ。
うん、自信ない。
-moz-appearance
-moz-background-clip
-moz-background-inline-policy
-moz-background-origin
-moz-background-size
-moz-binding
-moz-border-bottom-colors
-moz-border-bottom-right-radius
-moz-border-end
-moz-border-end-color
-moz-border-end-style
-moz-border-end-width
-moz-border-image
-moz-border-left-colors
-moz-border-radius
-moz-border-radius-bottomleft
-moz-border-radius-bottomright
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-right-colors
-moz-border-start
-moz-border-start-color
-moz-border-start-style
-moz-border-start-width
-moz-border-top-colors
-moz-border-top-left-radius
-moz-border-top-right-radius
-moz-box-align
-moz-box-direction
-moz-box-flex
-moz-box-flexgroup
-moz-box-ordinal-group
-moz-box-orient
-moz-box-pack
-moz-box-shadow
-moz-box-sizing
-moz-column-count
-moz-column-gap
-moz-column-rule
-moz-column-rule-color
-moz-column-rule-style
-moz-column-rule-width
-moz-column-width
-moz-float-edge
-moz-force-broken-image-icon
-moz-image-region
-moz-margin-end
-moz-margin-start
-moz-outline-radius
-moz-outline-radius-bottomleft
-moz-outline-radius-bottomright
-moz-outline-radius-topleft
-moz-outline-radius-topright
-moz-padding-end
-moz-padding-start
-moz-stack-sizing
-moz-transform
-moz-transform-origin
-moz-user-focus
-moz-user-input
-moz-user-modify
-moz-user-select
-moz-window-shadow
-ms-background-position-x
-ms-background-position-y
-ms-filter
-ms-ime-mode
-ms-interpolation-mode
-ms-layout-flow
-ms-layout-grid
-ms-layout-grid-char
-ms-layout-grid-line
-ms-layout-grid-mode
-ms-layout-grid-type
-ms-overflow-x
-ms-overflow-y
-ms-scrollbar-3dlight-color
-ms-scrollbar-arrow-color
-ms-scrollbar-base-color
-ms-scrollbar-darkshadow-color
-ms-scrollbar-face-color
-ms-scrollbar-highlight-color
-ms-scrollbar-shadow-color
-ms-text-align-last
-ms-text-autospace
-ms-text-justify
-ms-text-kashida-space
-ms-text-overflow
-ms-text-underline-position
-ms-word-break
-ms-word-wrap
-ms-writing-mode
-ms-zoom
-o-background-size
-o-table-baseline
-webkit-animation
-webkit-animation-delay
-webkit-animation-direction
-webkit-animation-duration
-webkit-animation-iteration-count
-webkit-animation-name
-webkit-animation-play-state
-webkit-animation-timing-function
-webkit-appearance
-webkit-backface-visibility
-webkit-background-clip
-webkit-background-composite
-webkit-background-origin
-webkit-background-size
-webkit-border-bottom-left-radius
-webkit-border-horizontal-spacing
-webkit-border-image
-webkit-border-radius
-webkit-border-vertical-spacing
-webkit-box-align
-webkit-box-direction
-webkit-box-flex
-webkit-box-flex-group
-webkit-box-lines
-webkit-box-ordinal-group
-webkit-box-orient
-webkit-box-pack
-webkit-box-reflect
-webkit-box-shadow
-webkit-box-sizing
-webkit-column-break-after
-webkit-column-break-before
-webkit-column-break-inside
-webkit-column-count
-webkit-column-gap
-webkit-column-rule
-webkit-column-rule-color
-webkit-column-rule-style
-webkit-column-rule-width
-webkit-column-width
-webkit-columns
-webkit-dashboard-region
-webkit-line-break
-webkit-margin-bottom-collapse
-webkit-margin-collapse
-webkit-margin-start
-webkit-margin-top-collapse
-webkit-marquee
-webkit-marquee-direction
-webkit-marquee-increment
-webkit-marquee-repetition
-webkit-marquee-speed
-webkit-marquee-style
-webkit-mask
-webkit-mask-attachment
-webkit-mask-box-image
-webkit-mask-clip
-webkit-mask-composite
-webkit-mask-image
-webkit-mask-origin
-webkit-mask-position
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat
-webkit-mask-size
-webkit-nbsp-mode
-webkit-padding-start
-webkit-perspective
-webkit-perspective-origin
-webkit-rtl-ordering
-webkit-tap-highlight-color
-webkit-text-fill-color
-webkit-text-security
-webkit-text-size-adjust
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-touch-callout
-webkit-transform
-webkit-transform-origin
-webkit-transform-origin-x
-webkit-transform-origin-y
-webkit-transform-origin-z
-webkit-transform-style
-webkit-transition
-webkit-transition-delay
-webkit-transition-duration
-webkit-transition-property
-webkit-transition-timing-function
-webkit-user-drag
-webkit-user-modify
-webkit-user-select
100
200
300
400
500
600
700
800
900
:active
:after
:before
:first
:first-child
:first-letter
:first-line
:focus
:hover
:lang
:left
:link
:right
:visited
@charset
@font-face
@import
@media
@page
above
absolute
alignment-adjust
alignment-baseline
always
angle
animation
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
appearance
armenian
attr
aural
auto
auto,
avoid
azimuth
backface-visibility
backgroun-position-y
background
background-attachment
background-break
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-repeat
background-size
baseline
baseline-shift
below
bidi-override
binding
blink
block
bold
bolder
bookmark-label
bookmark-level
bookmark-target
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-break
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-length
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
both
bottom
box-align
box-break
box-direction
box-flex
box-flex-group
box-lines
box-ordinal-group
box-orient
box-original-group
box-pack
box-shadow
box-sizing
braille
capitalize
caption
caption-side
center
circle
clear
clip
cm
code
collapse
color
color-profile
colorName
column-break-after
column-break-before
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
content
counter
counter-increment
counter-reset
counterName
crop
cross
crosshair
cue
cue-after
cue-before
cursor
dashed
decimal
decimal-leading-zero
default
deg
digits
direction
disc
display
display-model
display-role
dominant-baseline
dominate-baseline
dotted
double
drop-initial-after-adjust
drop-initial-after-align
drop-initial-before-adjust
drop-initial-before-align
drop-initial-size
drop-initial-value
e-resize
elevation
em
emboss
empty-cells
ex
expression
fast
faster
fit
fit-position
fixed
fixed,
float
float-offset
font
font-1
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
fStyle
georgian
grad
grid-columns
grid-rows
groove
handheld
hanging-punctuation
height
help
hidden
hide
hyphenate-after
hyphenate-before
hyphenate-character
hyphenate-lines
hyphenate-resource
hyphens
Hz
icon
identifier
image-orientation
image-rendering
image-resolution
ime-mode
in
inherit
inline
inline-block
inline-box-align
inline-table
inset
inside
integer
invert
italic
justify
kHz
landscape
large
larger
left
left-side
leftwards
length
letter-spacing
lighter
line-height
line-stacking
line-stacking-ruby
line-stacking-shift
line-stacking-strategy
line-through
list-item
list-style
list-style-image
list-style-position
list-style-type
local
loud
lower
lower-alpha
lower-greek
lower-latin
lower-roman
lowercase
ltr
margin
margin-bottom
margin-left
margin-right
margin-top
mark
mark-after
mark-before
marks
marquee-direction
marquee-loop
marquee-play-count
marquee-speed
marquee-style
max-height
max-width
medium
menu
middle
min-height
min-width
mm
move
move-to
ms
multiple
n-resize
nav-down
nav-index
nav-left
nav-right
nav-up
ne-resize
no-open-quote
no-repeat
none
normal
nowrap
number
nw-resize
oblique
once
opacity
open-quote
or
orphans
outline
outline-color
outline-offset
outline-style
outline-width
outset
outside
overflow
overflow-style
overflow-x
overflow-y
overline
padding
padding-bottom
padding-left
padding-right
padding-top
page
page-break-after
page-break-before
page-break-inside
page-policy
pause
pause-after
pause-before
pc
percent
percentage
perspective
perspective-origin
phonemes
pitch
pitch-range
play-during
pointer
pointer-events
portrait
position
pre
pre-line
pre-wrap
presentation-level
print
progress
projection
pt
punctuation-trim
px
quotes
rad
rect
relative
rendering-intent
repeat
repeat-x
repeat-y
resize
rest
rest-after
rest-before
rgb
rgba
richness
ridge
right
right-side
rotation
rotation-point
rtl
ruby-align
ruby-overhang
ruby-position
ruby-span
run-in
s-resize
screen
scroll
se-resize
separate
show
silent
singleFontFamily
size
slow
small
small-caps
small-caption
soft
solid
speak
speak-header
speak-numeral
speak-punctuation
specificVoice
speech-rate
spell-out
square
src
static
stress
string
string-set
sub
super
sw-resize
tab-side
table
table-caption
table-cell
table-column
table-column-group
table-header-group
table-layout
table-row
target
target-name
target-new
target-position
text
text-align
text-align-last
text-bottom
text-decoration
text-emphasis
text-height
text-indent
text-justify
text-outline
text-rendering
text-replace
text-shadow
text-top
text-transform
text-wrap
thick
thin
time
top
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
transparent
tty
tv
type
underline
unicode-bidi
unicode-range
upper-alpha
upper-latin
upper-roman
uppercase
url
vertical-align
visibility
visible
voice-balance
voice-duration
voice-family
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
volume
w-resize
wait
white-space
white-space-collapse
widows
width
word-break
word-spacing
word-wrap
x-high
x-loud
x-low
xx-large
xx-small
z-index
JavaScriptのキーワードとか予約語をかき集めてみた
- 2010-01-17 (Sun)
- JavaScript
jsの定義済みメソッドやプロパティの一覧欲しいなぁと思うことがあるんだけど、
意外となかったりするので、いろいろなサイトから集めて1ファイルにまとめてみた。
インプットはこちら。
Emeditorのjavascript自動補完を強化する - prog*sig
Vim用の辞書ファイル - おつあり
SHJS - License
Plugins | jQuery Plugins
Canvasリファレンス - HTML5.JP
File API & Firefox 3.6
これらをjs1.js, js2.jsみたいなファイル名で保存。
で、以下の超適当なシェルでマージ。
(こういう作業はやっぱりunixなmacだとすぐできて楽ですね。)
#!/bin/sh
rm temp.js js.js
cat js*.js > temp.js
sort -f temp.js | uniq > js.js
rm temp.js
wc -l js.js
ちなみに、macのuniqコマンドはsortしてからじゃないと使えないらしいです。
(っていうかsort -uで良かったことに今気づいた。)
cat js.js | uniq
→ダメ
sort js.js | uniq
→OK
完成したファイルがこちら。
これ足りないんじゃない?とかあったら、コメントいただけると助かります。
特にhtml5関連のメソッドとか。
(現状、canvasとfileapiとdragdropしか入れてません)
- 2009/1/22
- drag&drop関連のeventを追加。
参考にしたのはこちら。
Drag and drop - MDC
abort
abs
abstract
acceptCharset
acos
action
ActiveXObject
addColorStop
addEventListener
alert
align
alinkColor
altKey
anchors
appendChild
appendData
applets
applicationCache
apply
arc
arcTo
arguments
Array
asin
atan
atan2
atob
attributes
availHeight
availLeft
availTop
availWidth
azimuth
back
background
backgroundAttachment
backgroundColor
backgroundImage
backgroundPosition
backgroundPositionX
backgroundPositionY
backgroundRepeat
beforeunload
beginPath
bezierCurveTo
bgColor
blur
body
Boolean
boolean
border
borderBottom
borderBottomColor
borderBottomStyle
borderBottomWidth
borderCollapse
borderColor
borderLeft
borderLeftColor
borderLeftStyle
borderLeftWidth
borderRight
borderRightColor
borderRightStyle
borderRightWidth
borderSpacing
borderStyle
borderTop
borderTopColor
borderTopStyle
borderTopWidth
borderWidth
bottom
break
btoa
bubbles
button
byte
call
cancelable
cancelBubble
caption
captionSide
captureEvents
case
catch
ceil
cellPadding
cellSpacing
change
char
characterSet
charAt
charCodeAt
childNodes
class
className
clear
clearInterval
clearRect
clearTimeout
click
clientHeight
clientLeft
clientTop
clientWidth
clientX
clientY
clip
cloneNode
close
closed
closePath
color
colorDepth
compatMode
Components
concat
confirm
console.debug
console.dir
console.dirxml
console.error
console.info
console.log
console.traceInfinity
console.warn
const
content
contentType
contextmenu
continue
controllers
cookie
cos
counterIncrement
counterReset
createAttribute
createAttributeNS
createCaption
createCDATASection
createComment
createDocument
createDocumentFragment
createDocumentType
createElement
createElementNS
createEntityReference
createEvent
createImageData
createLinearGradient
createNSResolver
createPattern
createProcessingInstruction
createRadialGradient
createRange
createTextNode
createTFoot
createTHead
createTreeWalker
crypto
cssFloat
cssRules
cssText
ctrlKey
cue
cueAfter
cueBefore
currentTarget
cursor
data
dataTransfer
Date
dblclick
debugger
decodeURI
decodeURIComponent
decordURI
decordURIComponent
default
defaultStatus
defaultView
delete
deleteCaption
deleteData
deleteRow
deleteRule
deleteTFoot
deleteTHead
designMode
detail
dialogArguments
dir
direction
directories
dispatchEvent
display
do
doctype
Document
document
documentElement
domain
double
drag
dragdrop
dragenter
dragleave
dragover
dragstart
drawImage
drop
dropdataTransfer
dump
E
Elements
elements
elevation
else
embeds
emptyCells
encodeURI
encodeURIComponent
encoding
enctype
enum
Error
error
escape
eval
EvalError
evaluate
eventPhase
exec
execCommand
exp
explicitOriginalTarget
export
extends
false
fgColor
FileReader
files
fill
fillRect
fillStyle
fillText
filter
final
finally
find
firstChild
float
floor
focus
font
fontFamily
fontSize
fontSizeAdjust
fontStretch
fontStyle
fontVariant
fontWeight
for
forms
forward
frame
frameElement
frames
fromCharCode
fullScreen
Function
function
getAsDataURL
getAttention
getAttribute
getAttributeNode
getAttributeNodeNS
getAttributeNS
getComputedStyle
getContext
getDate
getDay
getElementById
getElementsByClassName
getElementsByName
getElementsByTagName
getElementsByTagNameNS
getFullYear
getFullYear
getHours
getImageData
getMilliseconds
getMilliseconds
getMinutes
getMonth
getNamedItem
getNamedItemNS
getResponseHeader
getSeconds
getSelection
getTime
getTimezoneOffset
getUTCDate
getUTCDate
getUTCDay
getUTCDay
getUTCFullYear
getUTCFullYear
getUTCHours
getUTCHours
getUTCMilliseconds
getUTCMilliseconds
getUTCMinutes
getUTCMinutes
getUTCMonth
getUTCMonth
getUTCSeconds
getUTCSeconds
getYear
globalAlpha
globalCompositeOperation
globalStorage
goto
hasAttribute
hasAttributeNS
hasAttributes
hasChildNodes
hasFeature
height
History
history
home
id
if
images
implementation
implements
import
importNode
in
indexOf
Infinity
initEvent
initKeyEvent
initMouseEvent
initUIEvent
innerHeight
innerHTML
innerWidth
insertBefore
insertData
insertRow
insertRule
instanceof
int
interface
isChar
isFinite
isNaN
isPointInPath
isSupported
item
JavaArray
JavaClass
JavaObject
JavaPackage
join
keydown
keypress
keyup
lang
lastChild
lastIndexOf
lastModified
layerX
layerY
left
length
letterSpacing
lineCap
lineHeight
lineJoin
lineTo
lineWidth
linkColor
links
listStyle
listStyleImage
listStylePosition
listStyleType
LN10
LN2
load
loaded
loadend
loadOverlay
localeCompare
localName
Location
location
locationbar
log
LOG10E
LOG2E
long
margin
marginBottom
marginLeft
marginRight
marginTop
markerOffset
marks
match
Math
max
maxHeight
maxWidth
measureText
menubar
metaKey
method
Microsoft.XMLHTTP
min
minHeight
minWidth
miterLimit
mousedown
mousemove
mouseout
mouseover
mouseup
moveBy
moveTo
Msxml2.XMLHTTP
name
namespaceURI
NaN
native
Navigator
navigator
new
nextSibling
nodeName
nodeType
nodeValue
normalize
null
Number
Object
offsetHeight
offsetLeft
offsetParent
offsetTop
offsetWidth
onabort
onbeforeunload
onblur
onchange
onclick
onclose
oncontextmenu
ondblclick
ondrag
ondragdrop
ondragenter
ondragleave
ondragover
ondragstart
ondrop
onerror
onfocus
onkeydown
onkeypress
onkeyup
onload
onloadend
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onpaint
onprogress
onreadystatechange
onreset
onresize
onscroll
onselect
onsubmit
onunload
open
openDialog
opener
originalTarget
orphans
outerHeight
outerWidth
outline
outlineColor
outlineStyle
outlineWidth
overflow
overrideMimeType
ownerDocument
ownerElement
package
Packages
padding
paddingBottom
paddingLeft
paddingRight
paddingTop
page
pageBreakAfter
pageBreakBefore
pageBreakInside
pageX
pageXOffset
pageY
pageYOffset
paint
parent
parentNode
parse
parseFloat
parseInt
pause
pauseAfter
pauseBefore
personalbar
PI
pitch
pitchRange
pixelDepth
pixelHeight
pixelLeft
pixelTop
pixelWidth
pkcs11
playDuring
plugins
pop
popupNode
posHeight
position
posLeft
postMessage
posTop
posWidth
pow
prefix
preventDefault
previousSibling
print
private
progress
prompt
protected
prototype
public
push
putImageData
quadraticCurveTo
queryCommandEnabled
queryCommandIndeterm
queryCommandState
queryCommandValue
quotes
random
RangeError
readAsBinaryString
readAsDataURL
readAsText
readyState
rect
ReferenceError
referrer
RegExp
relatedTarget
releaseEvents
removeAttribute
removeAttributeNode
removeAttributeNS
removeChild
removeEventListener
removeNamedItem
removeNamedItemNS
replace
replaceChild
replaceData
reset
resize
resizeBy
resizeTo
responseText
responseXML
restore
result
return
returnValue
reverse
richness
right
rotate
round
rows
rules
save
scale
screen
screenX
screenY
scroll
scrollbars
scrollBy
scrollByLines
scrollByPages
scrollHeight
scrollIntoView
scrollLeft
scrollMaxX
scrollMaxY
scrollTo
scrollTop
scrollWidth
scrollX
scrollY
search
select
self
send
sessionStorage
setAttribute
setAttributeNode
setAttributeNodeNS
setAttributeNS
setDate
setFullYear
setFullYear
setHours
setInterval
setMilliseconds
setMilliseconds
setMinutes
setMonth
setNamedItem
setNamedItemNS
setRequestHeader
setSeconds
setSeconds
setTime
setTime
setTimeout
setTransform
setUTCDate
setUTCDate
setUTCFullYear
setUTCFullYear
setUTCHours
setUTCHours
setUTCMilliseconds
setUTCMilliseconds
setUTCMinutes
setUTCMinutes
setUTCMonth
setUTCMonth
setUTCSeconds
setUTCSeconds
setYear
shadowBlur
shadowColor
shadowOffsetX
shadowOffsetY
shift
shiftKey
short
showModalDialog
sidebar
sin
size
sizeToContent
slice
sort
speak
speakHeader
speakNumeral
speakPunctuation
specified
speechRate
splice
split
splitText
sqrt
SQRT1_2
SQRT2
static
status
statusbar
stop
stopPropagation
stress
String
stroke
strokeRect
strokeStyle
strokeText
style
styleFloat
styleSheets
submit
substr
substring
substringData
summary
super
supports
switch
synchronized
SyntaxError
tabIndex
tableLayout
tagName
tan
target
tBodies
test
textAlign
textBaseline
textContent
textDecoration
textDecorationBlink
textDecorationLineThrough
textDecorationNone
textDecorationOverline
textDecorationUnderline
textIndent
textShadow
textTransform
tFoot
tHead
this
throw
throws
timeStamp
title
toDataURL
toDateString
toExponential
toFixed
toGMTString
toLocaleDateString
toLocaleLowerCase
toLocaleString
toLocaleTimeString
toLocaleUpperCase
toLowerCase
toolbar
tooltipNode
top
toPrecision
toString
total
toTimeString
toUpperCase
toUpperCaseXMLHttpRequest
toUTCString
toUTCString
transform
transient
translate
true
try
type
TypeError
typeof
undefined
unescape
unicodeBidi
unload
unshift
updateCommands
URIError
URL
UTC
value
valueOf
var
verticalAlign
view
visibility
vlinkColor
voiceFamily
void
volatile
volume
which
while
whiteSpace
widows
width
Window
window
with
wordSpacing
write
writeln
XMLHttpRequest
zIndex
canvasで虫めがね風に画像を拡大する
- 2010-01-17 (Sun)
- Canvas
今日のセミナー中にできるかも・・・と思いついたので作ってみました。
意外と簡単に、1時間程度でできました。
canvasで画像拡大鏡
マウスカーソルのある部分を拡大して表示できます。
ただ、単純に引き伸ばしているだけなので、荒くなっちゃいます。
一応倍率も変えられますよ。
bookmarkletとかにしたらおもしろいかもですね。
あ、tnantoka's Canvas Showcaseと2重更新するのが既に面倒だ。
どうしよう??