Prepare for your exams
Get points
Guidelines and tips
Sell on Docsity
Docsity AI

Prepare for your exams

Study with the several resources on Docsity

Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips

Sell on Docsity

Docsity AI

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search for your university

Find the specific documents for your university's exams

Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents

20 Points

For each uploaded document

Answer questions

5 Points

For each given answer (max 1 per day)

All the ways to get free points

Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

Lecture Slides on Graphics in JavaScript | CMSC 198N, Study notes of Computer Science

University of Maryland Computer Science

Prof. Nelson Padua-Perez

Material Type: Notes; Professor: Padua-Perez; Class: INTRO COMP PROG VIA WEB; Subject: Computer Science; University: University of Maryland; Term: Spring 2008;

Typology: Study notes

Pre 2010

Uploaded on 07/30/2009

koofers-user-yjf 🇺🇸

10 documents

1 / 6

This page cannot be seen from the preview

Don't miss anything!

ANNOUNCEMENTS

Quiz #4 Take-home posted.

You don’t have to remove the contents of index.html you

added for project #1.

Don’t worry about the time background color (project #6).

Reference:

CSS Cookbook by Christopher Schmitt

ISBN-13: 978-0-596-52741-9

http://www.oreilly.com/catalog/cssckbk2/

Discover Study notes of Computer Science University of Maryland

Lecture Slides on Graphics in JavaScript | CMSC 198N, Study notes of Computer Science

Related documents

Partial preview of the text

Download Lecture Slides on Graphics in JavaScript | CMSC 198N and more Study notes Computer Science in PDF only on Docsity!

ANNOUNCEMENTS

Quiz #4 Take-home posted.

You don’t have to remove the contents of index.html you

added for project #1.

Don’t worry about the time background color (project #6).

Reference:

CSS Cookbook by Christopher Schmitt

ISBN-13: 978-0-596-52741-

http://www.oreilly.com/catalog/cssckbk2/

GRAPHICS IN JAVASCRIPT

 JS3D

 http://www.wxs.ca/js3d/

 Library which allows you to have interactive 3d objects on your

website.

 Let’s see some examples.

 Walterzorn

 http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

 JavaScript Vector Graphics Library

 Provides graphics capabilities for JavaScript: functions to draw

circles, ellipses (ovals), polygons, etc. dynamically into a webpage.

 Ortho

 http://www.craic.com/ortho/

 2-D graphics library

ROUNDING CORNERS WITH JAVASCRIPT

 Alternative I: Using Nifty Corners Cube by Alessandro

Fulciniti

 http://www.html.it/articoli/niftycube/index.html

 Alternative II: http://www.netzgesta.de/corner/

 Read license before using.

MAKING SCALABLE IMAGES

 Define width and height of images using percentages.

 Example: scalableImage.html, scalableImage.css

 Defining only the width allows you to widen the image.

 You keep the image from expanding beyond a particular

point use the max-width property.