html5-canvas

    -1熱度

    1回答

    我需要獲得多個圓形圖像,當我點擊按鈕。我只用一幅圖像就可以做到這一點,而且這也是拖曳式的。 但我需要按用戶單擊按鈕多個圖像。 我們可以用append函數來做到這一點。我在那裏使用畫布標籤。如果是的話,我們如何實現這一點。 <script> $(document).ready(function() { $('#pink-circle-button').click(function()

    35熱度

    2回答

    有什麼方法可以獲取上下文用於的畫布嗎? 爲什麼我問的是因爲我正在爲CanvasRenderingContext2D創建一個原型函數,其中我需要canvas元素的寬度/高度。 例如爲: var cv = document.getElementById('canvas'); var ctx = cv.getContext('2d'); // Using only 'ctx', how to get

    18熱度

    2回答

    我正在試圖用畫布繪製一條二次曲線。下面是代碼: HTML: <canvas id="mycanvas"> Your browser is not supported. </canvas> 的JavaScript: var canvas = document.getElementById("mycanvas"); canvas.style.width = "1000px"; ca

    4熱度

    1回答

    我正在編寫一個程序,用畫布繪製sine curve。 HTML: <canvas id="mycanvas" width="1000" height="100"> Your browser is not supported. </canvas> 的JavaScript: var canvas = document.getElementById("mycanvas"); if (c

    2熱度

    1回答

    有許多JavaScript片段可以使文本或圖形沿着圓形路徑行進,字母或單詞始終保持直立。 例子:http://www.dseffects.com/f_scripts.html 我想有文本(或圖形)軌道上的點月球圍繞地球軌道運行的方式,總是一面朝向中心。下面的例子顯示了這一點,但非常粗暴,並沒有使用網絡字體。 實施例:http://javaboutique.internet.com/text/Man

    1熱度

    2回答

    我正在學習HTML5,我想學習的一個示例是在畫布上創建2個點,並且我應該能夠在2個點之間跟蹤一條線並加入它們,應該在移動設備上使用鼠標和觸摸事件來完成。 是否有任何提供這些API的框架,或者是否有任何可以開始使用的示例?

    6熱度

    1回答

    我對HTML5畫布玩弄createRadialGradient()。除了當我試圖實現(半)透明度時,它的作用就像一種魅力。 我做了這個的jsfiddle讓事情更清楚地希望:http://jsfiddle.net/rfLf6/1/。 function circle(x, y, r, c) { ctx.beginPath(); var rad = ctx.createRadialG

    4熱度

    1回答

    如果在畫布上使用像translate/rotate這樣的轉換函數,則所有點在傳遞給任何畫布函數時都會轉換。這就像一個魅力,但是還有一種方法可以簡單地獲得轉換後的點而不真正繪製? 這在調試時非常有用。我現在所能做的就是查看點在哪裏結束,但我似乎無法獲得計算出的變換後的座標。 那麼,假設我旋轉90度,是否有任何函數需要一個點(即(10, 0))並給出了變換點(即(0, 10))? 我基本意思是這樣的:

    1熱度

    1回答

    我想知道爲什麼以下產生白色字段,其中正方形彼此重疊: http://jsfiddle.net/yNTTj/5/ // square 1 ctx.moveTo( 0, 0); // left top ctx.lineTo(200, 0); // right top ctx.lineTo(200, 200); // right bottom ctx.lineTo( 0, 200); // le

    0熱度

    3回答

    如何使用HTML5畫布在Webkit瀏覽器中繪製BLACK陰影?