簡體   English   中英

用純Javascript創建畫布/位圖(無html)

[英]Create canvas/bitmap in pure Javascript (No html)

我正在使用socket.io為Javascript開發iPhone游戲服務器。 服務器的目的是使用玩家路徑繪制屏幕外的位圖,以檢查該路徑是否已繪制。 簡而言之,所有圖形只會顯示在客戶端屏幕上。 這是我發現的用於創建畫布,然后在其中查找像素顏色的代碼。 但是我沒有html代碼,因為它僅使用Javascript制作。 那么,這些代碼是否可以在僅Javascript程序中工作? 如果沒有,我該怎么做但結果相同?

編輯:我正在使用socket.io與node.js

var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
// Make sure to set the size, otherwise its zero
canvas.width = 100;
canvas.height = 100;

// Draw to the offscreen canvas
context.fillStyle = "#0000ff";
context.fillRect(0,0,50,50);
context.fillStyle = "#ff9900";
context.arc(50,50,25,50,0,Math.PI*2);
context.fill();
//  document.body.appendChild(canvas)
// To preview the canvas
var imgData = context.getImageData(0, 0, canvas.height, canvas.width);
var offset =  90*canvas.width+50*4

  console.log(imgData.data[offset]);
  console.log(imgData.data[offset+1]);
  console.log(imgData.data[offset+2]);
  console.log(imgData.data[offset+3]); 

Node.JS + Node-Canvas將接受純JavaScript輸入並輸出圖像:

https://github.com/Automattic/node-canvas

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM