當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

使用Raphael实现html中绘图

發布時間：2023/12/10 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了使用Raphael实现html中绘图小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

首先：下載Raphael的javascript庫：http://raphaeljs.com/。或者在html頁面<head></head>：如下

步驟：創建畫布==>創建圖形

創建畫布：

創建畫布的方法有兩種，一種直接用坐標創建畫布位置，另一種在html元素中創建畫布

使用坐標創建：

var?paper?=?Raphael(10,?50,?320,?200);//在瀏覽器窗口中，坐標?(10,50)?位置創建一個?canvas?對象，長320px，寬200px。

使用html元素中創建畫布：

<div?id="canvas"></div>

創建圖形：

新建圖形：

var?circle=paper.cicle(100,100,50);

設置圖形參數：

?circle.attr({"fill":"green"});

轉載于:https://my.oschina.net/chenhao901007/blog/185629

以上是生活随笔為你收集整理的使用Raphael实现html中绘图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。