RaphaelJS-向量還是沒有？

Question

我正在嘗試使用RaphaelJS在紙張寬度的50％處放置一個圓圈，是否可以在不首先進行數學運算（0.5 *像素寬度）的情況下實現？ 我只想簡單地將元素放置為其容器寬度的50％，使用當前的Raphael API甚至可以做到嗎？

Raphael聲稱能夠繪制矢量圖形，但似乎API中的所有內容都是基於像素的。 如何使用像素繪制矢量圖像？ 這似乎是100％矛盾的。

同樣，據我所知，矢量藝術的大小與實際大小無關。 這不是使用矢量圖形的主要原因之一，無論是用於屏幕，打印還是其他尺寸，它總是相同的比例？ 因此，對於諸如ScaleRaphael之類的東西，我進一步感到困惑。 似乎這種功能對創建矢量圖形至關重要。 但是，也許我只是不了解矢量圖形？

看起來好像不是以絕對像素尺寸創建的圖像，並且無法自然調整為原始矢量圖像。 那，或者我在這里丟失了很大一部分的API。

在此先感謝您的幫助。 我已經嘗試過兩次將其發布到RaphaelJS Google網上論壇，但我想他們出於某種原因正在對其進行審查，因為自上周以來我一直在等待它的出現，但仍然沒有我的帖子的跡象（盡管其他新帖子）正在顯示）。

Answer 1

使用像素值定義形狀位置/尺寸不會使其成為非矢量形狀。 以Adobe Illustrator為例-這是矢量產品，但是您仍然可以看到每個對象的屬性顯示的位置和尺寸是像素。

矢量圖形的基本解釋是這樣的，以矩形為例：

向量矩形將具有許多屬性，例如x，y，寬度和高度。 這些屬性可以以像素為單位指定。 與矢量（與柵格相反）的區別在於，這些像素屬性僅用於確定如何繪制形狀。 因此，當渲染（刷新）顯示時，“系統”可以使用相同的屬性來重繪形狀，而不會影響調整大小的質量。

但是，光柵圖像將包含更多信息（即，用於形成形狀/矩形的每個像素的確切值）

如果“像素”一詞使您認為它是矛盾的，那么只需記住計算機屏幕上的所有內容都以像素為單位即可。 在圖形管線中，甚至有些矢量圖形也必須轉換為“柵格”。

如果您擔心必須使用計算（0.5 *寬度），那么請記住，某些事情必須執行該計算，並且我個人會很樂意親自處理此簡單步驟。

畢竟，您應該僅基於“紙”元素的大小計算大小和位置（以像素為單位），並將這些值輸入Raphael中以創建形狀。