Available and Upcoming Web Graphics Standards Canon, Inc. Jun - PowerPoint PPT Presentation

Jan 13, 2023 •360 likes •485 views

Available and Upcoming Web Graphics Standards Canon, Inc. Jun Fujisawa fujisawa.jun@canon.co.jp General 2D/3D Graphics APIs HTML Canvas: www.w3.org/TR/2dcontext/ WebGL: www.khronos.org/registry/webgl/ specs/1.0/ Consider using SVG

Available and Upcoming Web Graphics Standards Canon, Inc. Jun Fujisawa fujisawa.jun@canon.co.jp
General 2D/3D Graphics APIs • HTML Canvas: www.w3.org/TR/2dcontext/ • WebGL: www.khronos.org/registry/webgl/ specs/1.0/ • Consider using SVG instead when retained graphics are needed • Consider using CSS Animations/Transitions to reduce battery consumption caused by complex JavaScript processing
2D/3D Transformation and Transitions • CSS Transforms: www.w3.org/TR/css3- transforms/ • CSS Transitions: www.w3.org/TR/css3- transitions/ • Useful for 2.5D user interface design like “Cover Flow” • CSS Transforms is a unified specification applicable to both HTML and SVG
Background Graphics and Borders • CSS Backgrounds and Borders: www.w3.org/TR/css3-background/ • Flexible background and border manipulation without complex DOMs • Defines rounded corners, image slicing, and drop shadows as well
Media Adaptation • Media Queries: www.w3.org/TR/css3- mediaqueries/ • Selects style sheets based on dimension, orientation, or color of output media • Key features to achieve “Responsive Web Design”
Web Fonts • WOFF File Format: www.w3.org/TR/ WOFF/ • A new compressed font packaging format specifically designed for downloadable fonts • Alternative to OpenType or TrueType fonts where licensing considerations make their use less acceptable
Image References and Gradients • CSS Image Values and Replaced Content: www.w3.org/TR/css3-images/ • Provides native CSS support for sprites • Clip referenced images by using the ‘#xywh=’ spacial fragment • Defines linear and radial gradients as well
Text Layout across Multiple Regions • CSS Regions: www.w3.org/TR/css3-regions/ • CSS Exclusions and Shapes: www.w3.org/ TR/css3-exclusions/ • Essential to support high-design text contents like magazine • Currently discussed as Advanced Adaptive Layout Extension proposal to EPUB 3
Compositing and Blending • Compositing and Blending: dvcs.w3.org/hg/ FXTF/raw-file/82ac2d2fe099/compositing/ index.html • Porter-Duff compositing operators from SVG • Compositing and Blending is a unified specification applicable to both HTML and SVG
Filter Effects • Filter Effects: dvcs.w3.org/hg/FXTF/raw-file/ 82ac2d2fe099/filters/index.html • Raster image filter effects from SVG • Filter Effects is a unified specification applicable to both HTML and SVG
Web Animation • Web Animation: dvcs.w3.org/hg/FXTF/raw- file/593e1ac28b20/web-animations/ index.html • An effort to combine two different animation models, CSS Animation and SVG Animation • Web Animation is a unified specification applicable to both HTML and SVG
Scalable Vector Graphics • SVG 1.1: www.w3.org/TR/SVG11/ • SVG 2.0: svgwg.org/svg2-draft/ • SVG 2.0 adds new features including advanced gradients, canned filters, and new animation • Scheduled to be Candidate Recommendation around March 2014

Recommend

Announcement Upcoming graphics courses: Color Computer Animation: Algorithms &

Announcement Upcoming graphics courses: Color Computer Animation: Algorithms & Techniques (Winter) Procedural Shading (Spring) Applications in VR (Virtual Theatre) (Fall) AI for Interactive Environments (Spring) Logistics

293 views • 13 slides

Graphics Murray Cole Graphics 1 Graphics 2 Graphics 3 Graphics 4 Graphics 5 Graphics 6

I V N E U R S E I H T Y T O H F G R E U D I B N Graphics Murray Cole Graphics 1 Graphics 2 Graphics 3 Graphics 4 Graphics 5 Graphics 6 class Smiley extends JFrame { public Smiley() { super ("Love n

638 views • 24 slides

Discussion Upcoming pronouncements Upcoming pronouncements Summary Revenue recognition Revenue

10/18/2019 Nonprofit Accounting Update: Present & Future UFLC 2019 Dallas, Texas Bill Sims , CP A, Partner S almon S ims Thomas Ashley Voss , CP A, Partner Ratliff & Associates 1 New reporting standards New reporting standards

462 views • 7 slides

UPCOMING EVENTS FOR 2014 Winter Software Festival STATA basics, STATA graphics, UCINET, & GIS

QIPSR UPCOMING EVENTS FOR 2014 Winter Software Festival STATA basics, STATA graphics, UCINET, & GIS Methodological Emphasis on Structural Equation Models 1 -January Introduction to SEM by UK faculty 2 -April 10-11, State of the SEM Art

383 views • 17 slides

Status of the upcoming ODF 1.3 Svante.Schubert@gmail.com Reason for Standards Svante Schubert

Status of the upcoming ODF 1.3 Svante.Schubert@gmail.com Reason for Standards Svante Schubert 2 Reason for ODF Standard ODF Specification Blueprint for ODF applications Specifying the Model (Shock frozen document) ODF Tests

461 views • 18 slides

CS378 - Mobile Computing 3D Graphics 2D Graphics android.graphics library for 2D graphics

CS378 - Mobile Computing 3D Graphics 2D Graphics android.graphics library for 2D graphics (not Java AWT and Swing) classes such as Canvas, Drawable, Bitmap, and others to create 2D graphics Various attempts to make two d graphics

411 views • 40 slides

Graphics Processing CS418 Computer Graphics John C. Hart Graphics Processing Graphics

Graphics Processing CS418 Computer Graphics John C. Hart Graphics Processing Graphics Processor Triangle mesh with Image of RGB-colored vertices at 3-D floating- pixels at 2-D integer point spatial coordinate planar coordinate positions

542 views • 14 slides

6. Graphics MULTIMEDIA & GRAPHICS Graphics covers wide range of pictorial representations.

10/12/2016 CHAPTER 6. Graphics MULTIMEDIA & GRAPHICS Graphics covers wide range of pictorial representations. Uses for computer graphics include: U f t hi i l d Buttons Charts Diagrams Animated images g 2 1

470 views • 20 slides

Agenda for today Graphics! XploRe Multidimensional Graphics 1-2 Graphics 1 plot (x1 {, x2 {,

0-1 Agenda for today Graphics! XploRe Multidimensional Graphics 1-2 Graphics 1 plot (x1 {, x2 {, ... {x5 }}}) plots the three -dimensional data sets x1 , ..., 2 x5 3 gr = grsurface(x {, col}) generates surface from the function

796 views • 43 slides

Workshop 5.2: The Grammar of Graphics Murray Logan 16 Jul 2017 Section 1 Graphics in R

Workshop 5.2: The Grammar of Graphics Murray Logan 16 Jul 2017 Section 1 Graphics in R Options Traditional (base) graphics isolated instructions to the device Grid graphics instruction sets lattice ggplot2 > library

1.53k views • 88 slides

Computer Graphics Overview CMSC 435/634 1 Graphics Areas Core graphics areas

Computer Graphics Overview CMSC 435/634 1 Graphics Areas Core graphics areas Modeling Rendering Animation Imaging Other areas which draw on computer graphics User Interaction Virtual Reality

621 views • 48 slides

CS324e - Elements of Graphics and Visualization More Java2D Graphics More 2D Graphics

CS324e - Elements of Graphics and Visualization More Java2D Graphics More 2D Graphics "Primitives" We have already seen: rectangles, ellipses, arcs, lines Today: curves, polygons, areas, paths 2 Quad Curves

991 views • 31 slides

CS324e - Elements of Graphics and Visualization Java2D Graphics Java2D Graphics Render

CS324e - Elements of Graphics and Visualization Java2D Graphics Java2D Graphics Render Heating animal remains to extract fat generating an image from a (mathematical) model Java2D can handle primitive shapes, text, images

372 views • 26 slides

Standards (code and otherwise) often talk about code standards, but many teams also use

Standards (code and otherwise) often talk about code standards, but many teams also use document standards, version control standards, bug reporting standards, process standards, etc goal is to reduce confusion, errors, omissions in

529 views • 5 slides

Scalable Vector Graphics (SVG) XML Graphics for the Web SVG Overview Scalable Vector Graphics

Scalable Vector Graphics (SVG) XML Graphics for the Web SVG Overview Scalable Vector Graphics (SVG) is a language for describing two- dimensional graphics and graphical applications in XML. SVG is suitable for Web applications based on

407 views • 17 slides

State of the Intel Kernel Graphics Driver Daniel Vetter, Intel OTC LinuxTag Berlin 2014

State of the Intel Kernel Graphics Driver Daniel Vetter, Intel OTC LinuxTag Berlin 2014 overview review of the past year: features, driver internals, testing & documentation highlights of upcoming platforms: broadwell, baytrail

801 views • 20 slides

Graphics! Using graphics in Python Many programming languages include a library for computer

Graphics! Using graphics in Python Many programming languages include a library for computer graphics. A library is a pre-written collection of functions usually centered around a theme (graphics, networking, math, sound, etc) Using

84 views • 5 slides

Images CS418 Computer Graphics John C. Hart Vector v. Raster Graphics Vector Graphics Raster

Images CS418 Computer Graphics John C. Hart Vector v. Raster Graphics Vector Graphics Raster Graphics Plotters, laser displays TVs, monitors, phones Clip art, illustrations Photographs PostScript, PDF, SVG

874 views • 8 slides

Computer Graphics and Applications Computer Graphics and Applications IGR201 Kiwon Um CG,

Computer Graphics and Applications Computer Graphics and Applications IGR201 Kiwon Um CG, IMAGES, IDS 1 What is Computer Graphics (CG)? What is Computer Graphics (CG)? A basic idea: Synthesis of 2D image(s) from scene data Video game

926 views • 73 slides

CS 5 4 3 : Com puter Graphics Lecture 9 ( Part I I ) : Raster Graphics: Polygons &

CS 5 4 3 : Com puter Graphics Lecture 9 ( Part I I ) : Raster Graphics: Polygons & Antialiasing Emmanuel Agu So Far Raster graphics: Line drawing algorithms (simple, Bresenhams) Today: Defining and filling regions

723 views • 24 slides

3D GRAPHICS design animate render Computer Graphics 3D animation movies Computer Graphics

3D GRAPHICS design animate render Computer Graphics 3D animation movies Computer Graphics Special effects Computer Graphics Advertising Computer Graphics Games Computer Graphics Simulations & serious games Computer

573 views • 45 slides

Bonus Depreciation: Making Informed Decisions About Upcoming Capital Investments About Upcoming

Presenting a live 110 minute teleconference with interactive Q&A Bonus Depreciation: Making Informed Decisions About Upcoming Capital Investments About Upcoming Capital Investments Mastering the Latest Guidance and Navigating the

739 views • 41 slides

CS 4 7 3 1 / 5 4 3 : Com puter Graphics Lecture 7 ( Part I ) : Raster Graphics: Polygons &

CS 4 7 3 1 / 5 4 3 : Com puter Graphics Lecture 7 ( Part I ) : Raster Graphics: Polygons & Antialiasing Emmanuel Agu So Far Raster graphics: Line drawing algorithms (simple, Bresenhams) Today: Defining and filling

403 views • 24 slides

Computer Graphics (CS 543) Lecture 1a: Introduction to Computer Graphics Prof Emmanuel Agu

Computer Graphics (CS 543) Lecture 1a: Introduction to Computer Graphics Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) What is Computer Graphics (CG)? Computer graphics: algorithms, mathematics, data

834 views • 30 slides