Suche senden
Hochladen
CANVAS, SVG, WebGL, CSS3, WebEvent
•
5 gefällt mir
•
1,296 views
민태 김
Folgen
W3C HTML5 KIG UI SG 간단한 표준 개발 현황 소개 슬라이드
Weniger lesen
Mehr lesen
Technologie
Gesundheit & Medizin
Melden
Teilen
Melden
Teilen
1 von 31
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
SVG overview
SVG overview
Satoshi Watanabe
Лаб.р №1 "Фабрика Blockly"
Лаб.р №1 "Фабрика Blockly"
OlesiaJL
How to build a html5 websites.v1
How to build a html5 websites.v1
Bitla Software
HTML 5 Canvas & SVG
HTML 5 Canvas & SVG
Ofir's Fridman
SVCC 2013 D3.js Presentation (10/05/2013)
SVCC 2013 D3.js Presentation (10/05/2013)
Oswald Campesato
Advanced html5 diving into the canvas tag
Advanced html5 diving into the canvas tag
David Voyles
Introduction to HTML5 Canvas
Introduction to HTML5 Canvas
Mindy McAdams
HTML5 Canvas
HTML5 Canvas
Robyn Overstreet
Empfohlen
SVG overview
SVG overview
Satoshi Watanabe
Лаб.р №1 "Фабрика Blockly"
Лаб.р №1 "Фабрика Blockly"
OlesiaJL
How to build a html5 websites.v1
How to build a html5 websites.v1
Bitla Software
HTML 5 Canvas & SVG
HTML 5 Canvas & SVG
Ofir's Fridman
SVCC 2013 D3.js Presentation (10/05/2013)
SVCC 2013 D3.js Presentation (10/05/2013)
Oswald Campesato
Advanced html5 diving into the canvas tag
Advanced html5 diving into the canvas tag
David Voyles
Introduction to HTML5 Canvas
Introduction to HTML5 Canvas
Mindy McAdams
HTML5 Canvas
HTML5 Canvas
Robyn Overstreet
I Can't Believe It's Not Flash
I Can't Believe It's Not Flash
Thomas Fuchs
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
Codemotion
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference Zürich
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference Zürich
Robert Nyman
RaphaëlJS magic
RaphaëlJS magic
Kseniya Redunova
HTML5 تکنولوژی های موجود در
HTML5 تکنولوژی های موجود در
Shiraz LUG
SVG, CSS3, and D3 for Beginners
SVG, CSS3, and D3 for Beginners
Oswald Campesato
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
Remy Sharp
SVG - Scalable Vector Graphics
SVG - Scalable Vector Graphics
Shweta Sadawarte
SVGD3Angular2React
SVGD3Angular2React
Oswald Campesato
Svcc 2013-d3
Svcc 2013-d3
Oswald Campesato
Html5 canvas
Html5 canvas
Gary Yeh
Html canvas
Html canvas
Rao Mubashar
Svg Basics
Svg Basics
Michael van Engelshoven
WordCamp Birmingham - Dynamic SVGs with WordPress
WordCamp Birmingham - Dynamic SVGs with WordPress
Kyle Evans
Professional reports with SVG
Professional reports with SVG
SpeedPartner GmbH
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXG
jmwhittaker
Interface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit Mobile
David Aurelio
Workshop 18: CSS Animations & cool effects
Workshop 18: CSS Animations & cool effects
Visual Engineering
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIs
Remy Sharp
Drawing a Circle Three Ways: Generating Graphics for the Web
Drawing a Circle Three Ways: Generating Graphics for the Web
Cloudinary
Git - Level 2
Git - Level 2
민태 김
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
민태 김
Weitere ähnliche Inhalte
Ähnlich wie CANVAS, SVG, WebGL, CSS3, WebEvent
I Can't Believe It's Not Flash
I Can't Believe It's Not Flash
Thomas Fuchs
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
Codemotion
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference Zürich
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference Zürich
Robert Nyman
RaphaëlJS magic
RaphaëlJS magic
Kseniya Redunova
HTML5 تکنولوژی های موجود در
HTML5 تکنولوژی های موجود در
Shiraz LUG
SVG, CSS3, and D3 for Beginners
SVG, CSS3, and D3 for Beginners
Oswald Campesato
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
Remy Sharp
SVG - Scalable Vector Graphics
SVG - Scalable Vector Graphics
Shweta Sadawarte
SVGD3Angular2React
SVGD3Angular2React
Oswald Campesato
Svcc 2013-d3
Svcc 2013-d3
Oswald Campesato
Html5 canvas
Html5 canvas
Gary Yeh
Html canvas
Html canvas
Rao Mubashar
Svg Basics
Svg Basics
Michael van Engelshoven
WordCamp Birmingham - Dynamic SVGs with WordPress
WordCamp Birmingham - Dynamic SVGs with WordPress
Kyle Evans
Professional reports with SVG
Professional reports with SVG
SpeedPartner GmbH
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXG
jmwhittaker
Interface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit Mobile
David Aurelio
Workshop 18: CSS Animations & cool effects
Workshop 18: CSS Animations & cool effects
Visual Engineering
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIs
Remy Sharp
Drawing a Circle Three Ways: Generating Graphics for the Web
Drawing a Circle Three Ways: Generating Graphics for the Web
Cloudinary
Ähnlich wie CANVAS, SVG, WebGL, CSS3, WebEvent
(20)
I Can't Believe It's Not Flash
I Can't Believe It's Not Flash
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference Zürich
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference Zürich
RaphaëlJS magic
RaphaëlJS magic
HTML5 تکنولوژی های موجود در
HTML5 تکنولوژی های موجود در
SVG, CSS3, and D3 for Beginners
SVG, CSS3, and D3 for Beginners
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
SVG - Scalable Vector Graphics
SVG - Scalable Vector Graphics
SVGD3Angular2React
SVGD3Angular2React
Svcc 2013-d3
Svcc 2013-d3
Html5 canvas
Html5 canvas
Html canvas
Html canvas
Svg Basics
Svg Basics
WordCamp Birmingham - Dynamic SVGs with WordPress
WordCamp Birmingham - Dynamic SVGs with WordPress
Professional reports with SVG
Professional reports with SVG
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXG
Interface Styling & Scripting on WebKit Mobile
Interface Styling & Scripting on WebKit Mobile
Workshop 18: CSS Animations & cool effects
Workshop 18: CSS Animations & cool effects
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIs
Drawing a Circle Three Ways: Generating Graphics for the Web
Drawing a Circle Three Ways: Generating Graphics for the Web
Mehr von 민태 김
Git - Level 2
Git - Level 2
민태 김
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
민태 김
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
민태 김
외계어 스터디 4/5 Event & Library
외계어 스터디 4/5 Event & Library
민태 김
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
민태 김
외계어 스터디 3/5 function and object
외계어 스터디 3/5 function and object
민태 김
외계어 스터디 2/5 - Expressions & statements
외계어 스터디 2/5 - Expressions & statements
민태 김
외계어 스터디 1/5 - Overview
외계어 스터디 1/5 - Overview
민태 김
비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7.1
민태 김
비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #7
민태 김
비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6.1
민태 김
비개발자를 위한 Javascript 알아가기 #6
비개발자를 위한 Javascript 알아가기 #6
민태 김
MEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overview
민태 김
비개발자를 위한 Javascript 알아가기 #5.1
비개발자를 위한 Javascript 알아가기 #5.1
민태 김
비개발자를 위한 Javascript 알아가기 #5
비개발자를 위한 Javascript 알아가기 #5
민태 김
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1
민태 김
비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #4
민태 김
비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #3
민태 김
비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #2
민태 김
비개발자를 위한 Javascript 알아가기 #1
비개발자를 위한 Javascript 알아가기 #1
민태 김
Mehr von 민태 김
(20)
Git - Level 2
Git - Level 2
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
외계어 스터디 4/5 Event & Library
외계어 스터디 4/5 Event & Library
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
외계어 스터디 3/5 function and object
외계어 스터디 3/5 function and object
외계어 스터디 2/5 - Expressions & statements
외계어 스터디 2/5 - Expressions & statements
외계어 스터디 1/5 - Overview
외계어 스터디 1/5 - Overview
비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6
비개발자를 위한 Javascript 알아가기 #6
MEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overview
비개발자를 위한 Javascript 알아가기 #5.1
비개발자를 위한 Javascript 알아가기 #5.1
비개발자를 위한 Javascript 알아가기 #5
비개발자를 위한 Javascript 알아가기 #5
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #1
비개발자를 위한 Javascript 알아가기 #1
Kürzlich hochgeladen
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
hans926745
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Kürzlich hochgeladen
(20)
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
CANVAS, SVG, WebGL, CSS3, WebEvent
1.
HTML5 UI Specification 2011
/ 7 / 11 kth / 기술연구소 웹플렛폼Lab / 김민태 차장 ibare77@gmail.com / ibare@kthcorp.com @ibare / http://www.ibare.kr
2.
<CANVAS>
3.
HTML5 2D Context Status:
Last Call <html> <head> <script type="text/javascript"> function draw(){ var canvas = document.getElementById('tutorial'); if (canvas.getContext){ var ctx = canvas.getContext('2d'); } } </script> </head> <body onload="draw();"> <canvas id="tutorial" width="150" height="150"></canvas> </body> </html>
4.
restore
clip save CanvasGradient closePath rotate CanvasPattern fill scale TextMetrics lineTo setTransform font moveTo transform textAlign quadraticCurveTo translate textBaseAlign rect createLinearGradient stroke createRadioGradient isPositionPath createPattern shadowBlur fillText clearRect shadowColor measureText fillRect shadowOffsetX strokeText strokeRect shadowOffsetY drawImage arc createImageData ImageData arcTo getImageData CanvasPixelArray beginPath putImageData bezierCurveTo
5.
6.
7.
<SVG>
8.
Scalable Vector Graphics
(SVG) 1.1 (Second Edition) Status: Proposed Recommendation
9.
<body> <svg width="400" height="300">
<text x="100" y="100" font-size=”50px” fill=”rgba(0,0,255,1)” stroke=”red” onclick="something();"> Hello World! </text> </svg> </body>
10.
11.
var tiger=[0,0,600,600,{type:"path",path:"M-122.304 84.285C-122.304
84.285 -122.203 86.179 -123.027 86.16C-123.851 86.141 -140.305 38.066 -160.833 40.309C-160.833 40.309 -143.05 32.956 -122.304 84.285z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-118.774 81.262C-118.774 81.262 -119.323 83.078 -120.092 82.779C-120.86 82.481 -119.977 31.675 -140.043 26.801C-140.043 26.801 -120.82 25.937 -118.774 81.262z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-91.284 123.59C-91.284 123.59 -89.648 124.55 -90.118 125.227C-90.589 125.904 -139.763 113.102 -149.218 131.459C-149.218 131.459 -145.539 112.572 -91.284 123.59z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-94.093 133.801C-94.093 133.801 -92.237 134.197 -92.471 134.988C-92.704 135.779 -143.407 139.121 -146.597 159.522C-146.597 159.522 -149.055 140.437 -94.093 133.801z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-98.304 128.276C-98.304 128.276 -96.526 128.939 -96.872 129.687C-97.218 130.435 -147.866 126.346 -153.998 146.064C-153.998 146.064 -153.646 126.825 -98.304 128.276z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-109.009 110.072C-109.009 110.072 -107.701 111.446 -108.34 111.967C-108.979 112.488 -152.722 86.634 -166.869 101.676C-166.869 101.676 -158.128 84.533 -109.009 110.072z","stroke-width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-116.554 114.263C-116.554 114.263 -115.098 115.48 -115.674 116.071C-116.25 116.661 -162.638 95.922 -174.992 112.469C-174.992 112.469 -168.247 94.447 -116.554 114.263z","stroke-width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-119.154 118.335C-119.154 118.335 -117.546 119.343 -118.036 120.006C-118.526 120.669 -167.308 106.446 -177.291 124.522C-177.291 124.522 -173.066 105.749 -119.154 118.335z","stroke-width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-108.42 118.949C-108.42 118.949 -107.298 120.48 -107.999 120.915C-108.7 121.35 -148.769 90.102 -164.727 103.207C-164.727 103.207 -153.862 87.326 -108.42 118.949z","stroke-width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-128.2 90C-128.2 90 -127.6 91.8 -128.4 92C-129.2 92.2 -157.8 50.2 -177.001 57.8C-177.001 57.8 -161.8 46 -128.2 90z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-127.505 96.979C-127.505 96.979 -126.53 98.608 -127.269 98.975C-128.007 99.343 -164.992 64.499 -182.101 76.061C-182.101 76.061 -169.804 61.261 -127.505 96.979z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-127.62 101.349C-127.62 101.349 -126.498 102.88 -127.199 103.315C-127.9 103.749 -167.969 72.502 -183.927 85.607C-183.927 85.607 -173.062 69.726 -127.62 101.349z","stroke- width":"0.172",stroke:"#000",fill:"#fff"},{type:"path",path:"M-129.83 103.065C-129.327 109.113 -128.339 115.682 -126.6 118.801C-126.6 118.801 -130.2 131.201 -121.4 144.401C-121.4 144.401 -121.8 151.601 -120.2 154.801C-120.2 154.801 -116.2 163.201 -111.4 164.001C-107.516 164.648 -98.793 167.717 -88.932 169.121C-88.932 169.121 -71.8 183.201 -75 196.001C-75 196.001 -75.4 212.401 -79 214.001C-79 214.001 -67.4 202.801 -77 219.601L-81.4 238.401C-81.4 238.401 -55.8 216.801 -71.4 235.201L-81.4 261.201C-81.4 261.201 -61.8 242.801 -69 251.201L-72.2 260.001C-72.2 260.001 -29 232.801 -59.8 262.401C-59.8 262.401 -51.8 258.801 -47.4 261.601C-47.4 261.601 -40.6 260.401 -41.4 262.001C-41.4 262.001 -62.2 272.401 -65.8 290.801C-65.8 290.801 -57.4 280.801 -60.6 291.601L-60.2 303.201C-60.2 303.201 -56.2 281.601 -56.6 319.201C-56.6 319.201 -37.4 301.201 -49 322.001L-49 338.801C-49 338.801 -33.8 322.401 -40.2 335.201C-40.2 335.201 -30.2 326.401 -34.2 341.601C-34.2 341.601 -35 352.001 -30.6 340.801C-30.6 340.801 -14.6 310.201 -20.6 336.401C-20.6 336.401 -21.4 355.601 -16.6 340.801C-16.6 340.801 -16.2 351.201 -7 358.401C-7 358.401 -8.2 307.601 4.6 343.601L8.6 360.001C8.6 360.001 11.4 350.801 11 345.601C11 345.601 25.8 329.201 19 353.601C19 353.601 34.2 330.801 31 344.001C31 344.001 23.4 360.001 25 364.801C25 364.801 41.8 330.001 43 328.401C43 328.401 41 370.802 51.8 334.801C51.8 334.801 57.4 346.801 54.6 351.201C54.6 351.201 62.6 343.201 61.8 340.001C61.8 340.001 66.4 331.801 69.2 345.401C69.2 345.401 71 354.801 72.6 351.601C72.6 351.601 76.6 375.602 77.8 352.801C77.8 352.801 79.4 339.201 72.2 327.601C72.2 327.601 73 324.401 70.2 320.401C70.2 320.401 83.8 342.001 76.6 313.201C76.6 313.201 87.801 321.201 89.001 321.201C89.001 321.201 75.4 298.001 84.2 302.801C84.2 302.801 79 292.401 97.001 304.401C97.001 304.401 81 288.401 98.601 298.001C98.601 298.001 106.601 304.401 99.001 294.401C99.001 294.401 84.6 278.401 106.601 296.401C106.601 296.401 118.201 312.801 119.001 315.601C119.001 315.601 109.001 286.401 104.601 283.601C104.601 283.601 113.001 247.201 154.201 262.801C154.201 262.801 161.001 280.001 165.401 261.601C165.401 261.601 178.201 255.201 189.401 282.801C189.401 282.801 193.401 269.201 192.601 266.401C192.601 266.401 199.401 267.601 198.601 266.401C198.601 266.401 211.801
12.
13.
Raphaël JS
14.
15.
WebGL
16.
17.
18.
19.
20.
21.
OpenGL ES 2.0 GLSL
(OpenGL Shading Language) SpiderGL GLGE C3DL SceneJS
22.
23.
24.
CSS3
25.
Cascading Style Sheets
(CSS) CSS Style Attributes (Candidate Recommendation) Media Queries (Candidate Recommendation) Selectors Level 3 (Proposed Recommendation) CSS Color Module Level 3 (Recommendation) CSS Text Level 3 (Working Draft) CSS Multi-column Layout Module (Candidate Recommendation) CSS Fonts Module Level 3 (Working Draft) Flexible Box Layout Module (Working Draft) CSS Backgrounds and Borders Module Level 3 (Candidate Recommendation) CSS Namespaces Module (Candidate Recommendation) CSSOM (Working Draft)
26.
WOFF
27.
Web Open Font
Format File Format 1.0 Status: Last Call Overrall File Structure WOFF File - WOFFHeader - TableDirectory - FontTables - ExtendedMetadata - PrivateData Data Types - UInt32 - UInt16
28.
WebEvent
29.
Touch Events Specification Status:
Editor's Draft Touch Interface clientX, clientY, force, identifier, pageX, pageY, radiusX, radiusY, rotationAngle, screenX, screenY Touch List Interface length, getter Touch item, identifiedTouch Touch Event touchs, targetTouches, changedTouches, altKey, metaKey, ctrlKey, shiftKey, relatedTarget, initTouchEvent() Document Touch createTouch(), createTouchList()
30.
감사합니다 @ibare
31.
CANVAS SVG
WebGL CSS3 WOFF WebEvent
Jetzt herunterladen