Raphael 簡介

時間 2019-11-09

標籤 raphael 簡介简体版

原文原文鏈接

Raphael js 是一個能簡化web 矢量圖繪製的javascript 庫。運用Raphael js能很容易的繪製圖表或者旋轉組件。javascript

Raphael 採用W3C推薦的SVG以及VML來繪製圖形，也就是每一個圖形就是一個DOM元素，因此你可以很容易取得javascript事件句柄。Raphael 的目的就是提供一種更合適，更容易的的方法來繪製跨平臺的矢量圖。html

Raphael 目前支持的瀏覽器有Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.java

第一個demo:web

<!doctype html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <title>1</title>
</head>
<body>
<div id="canvas"></div>
<script type="text/javascript" src="http://raphaeljs.com/raphael.js"></script>     
<script type="text/javascript">
var paper = Raphael(10, 50, 500, 500);

var circle = paper.circle(50, 40, 10);

circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");

</script>
</body>
</html>

效果：canvas

1. Raphael js庫簡介
2. Raphael JS
3. 利用raphael畫圖
4. Raphael的transform用法
5. 用Raphael 畫關聯關係
6. 對raphael js初步認識
7. Node-RED簡介
8. 強大的js會圖框架raphael-js
9. 基於 Raphael 的 Web UI 設計 - 初稿
10. 使用Raphael 畫圖(三) 事件 (javascript)
更多相關文章...
• Scala 簡介 - Scala教程
• AJAX 簡介 - PHP教程
• Github 簡明教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。