Learning Raphaël JS Vector Graphics

Damian Dawber

  • 出版商: Packt Publishing
  • 出版日期: 2013-04-28
  • 售價: $1,250
  • 貴賓價: 9.5$1,188
  • 語言: 英文
  • 頁數: 130
  • 裝訂: Paperback
  • ISBN: 1782169164
  • ISBN-13: 9781782169161
  • 相關分類: JavaScriptUML
  • 下單後立即進貨 (約3~4週)

商品描述

Over 70 code examples to create vector graphics and data visualizations!

Overview

  • Create impressive vector graphics and data visualizations in your browser
  • Add animation and interactivity to your web applications
  • Work with native SVGs to create complex vector graphics
  • Develop cross-browser vector graphics solutions

In Detail

Raphaël is an exceptional library that makes drawing vector graphics in the browser straightforward. It boasts a large number of methods that facilitate drawing and animating graphics, allowing developers to create flexible, interactive web applications and data visualizations.

Learning Raphaël JS Vector Graphics takes you from being a complete vector graphics novice to an accomplished vector graphics developer. Packed with illustrations and code demos, this book covers a wide array of concepts and takes you through them by example. The Raphaël library is covered in detail and in the context of its real-world applicability.

This book looks at the powerful vector graphics drawing library, Raphaël, and how you can utilize it to draw vector graphics and create interactive web applications with ease.

You will learn how to draw complex vector graphics and how to transform, animate, and interact with them. We will also look at working with existing vector graphics to add an extra layer of complexity to our applications, and finish up by creating a series of data visualization demos. If you want to learn how to create appealing, interactive graphics and data visualizations, then this is the book for you.

Learning Raphaël JS Vector Graphics is packed full of illustrations and has over 70 demos to really hammer home the concepts covered.

What you will learn from this book

  • Learn how to work with existing SVGs to create complex vectors
  • Become familiar with the SVG specification for creating complex drawings and the Raphaël JavaScript library
  • Get to grips with how to create complex vector drawings using paths
  • Add user interactivity to your applications
  • Learn how to apply transformations to vector graphics
  • Create stunning animations to bring your vector drawings to life

Approach

A step-by-step guide to understanding the principles underlying vector drawing, using illustrations and code demos along with interactive maps to fully exploit the JavaScript library to create a data visualization widget.

Who this book is written for

Learning Raphaël JS Vector Graphics has been written for anyone with an interest in frontend browser technologies with little or no knowledge of vector graphics drawing. Designers, integrators, frontend developers, and data visualization developers will get something out of reading this book. The book assumes knowledge of HTML and CSS and a working familiarity with JavaScript.

商品描述(中文翻譯)

超過70個代碼示例,用於創建矢量圖形和數據可視化!
概述
- 在瀏覽器中創建令人印象深刻的矢量圖形和數據可視化
- 為您的Web應用程序添加動畫和互動性
- 使用本地SVG創建複雜的矢量圖形
- 開發跨瀏覽器的矢量圖形解決方案

詳細內容
Raphaël是一個出色的庫,使在瀏覽器中繪製矢量圖形變得簡單直接。它擁有大量的方法,可以方便地繪製和動畫圖形,使開發人員能夠創建靈活、互動的Web應用程序和數據可視化。

《學習Raphaël JS矢量圖形》將您從完全不熟悉矢量圖形的新手變成熟練的矢量圖形開發人員。這本書充滿了插圖和代碼演示,涵蓋了各種概念,並通過實例引導您進行學習。詳細介紹了Raphaël庫及其在實際應用中的可應用性。

本書介紹了強大的矢量圖形繪製庫Raphaël,以及如何利用它輕鬆繪製矢量圖形和創建互動式Web應用程序。

您將學習如何繪製複雜的矢量圖形,以及如何對其進行變換、動畫和互動。我們還將研究如何使用現有的矢量圖形為應用程序增加一層複雜性,最後通過創建一系列數據可視化演示來完成。如果您想學習如何創建引人入勝的互動圖形和數據可視化,那麼這本書就是為您而寫的。

《學習Raphaël JS矢量圖形》充滿了插圖,並提供了超過70個演示,以深入理解所涵蓋的概念。

本書的學習重點:
- 學習如何使用現有的SVG創建複雜的矢量圖形
- 熟悉用於創建複雜繪圖的SVG規範和Raphaël JavaScript庫
- 掌握使用路徑創建複雜的矢量圖形
- 為應用程序添加用戶互動性
- 學習如何對矢量圖形應用變換
- 創建令人驚艷的動畫,使您的矢量圖形栩栩如生

方法
這是一本逐步指南,通過插圖和代碼演示以及互動地圖,全面利用JavaScript庫創建數據可視化小部件的原則。

本書適合對前端瀏覽器技術感興趣但對矢量圖形繪製知之甚少或不知的任何人。設計師、集成商、前端開發人員和數據可視化開發人員都可以從閱讀本書中獲益。本書假設讀者具有HTML和CSS的知識,並對JavaScript有一定的熟悉度。