用pixi.js绘制矩形
[Chrome v32]
var stage = new PIXI.Stage(0xFFFFFF);
var renderer = PIXI.autoDetectRenderer(400, 300);
document.body.appendChild(renderer.view);
renderer.render(stage);
var rect = new PIXI.Rectangle(100, 150, 50, 50);
stage.addChild(rect);
未捕获的TypeError：Object[Object Object]没有方法“set stagereference”
共有1个答案
您不能呈现几何图形(pixi.rectangle)，它们只用于计算。您可以改为执行以下操作：
var graphics = new PIXI.Graphics();
graphics.beginFill(0xFFFF00);
// set the line style to have a width of 5 and set the color to red
graphics.lineStyle(5, 0xFF0000);
// draw a rectangle
graphics.drawRect(0, 0, 300, 200);
stage.addChild(graphics);
源
-
使用closePath()闭合图形 首先我们用上节课的方法绘制一个矩形。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT
-
绘制矩形 点击菜单栏中的“绘制矩形”按钮可以绘制矩形，绘制矩形在数据下载的时候经常要用到，绘制矩形操作及信息与绘制面相同。 修改矩形 添加后可以使用“选中对象”后双击更改面的样式，也可右键“属性”修改线的属性信息。点击属性信息框下方的整体移动（单点修改）键对面进行位置的更改。在“空间信息”栏修改矩形的节点坐标后，需要注意的是修改完可能就不是标准矩形了，要调整。 删除矩形
-
绘制矩形 点击菜单栏中的“绘制矩形”按钮可以绘制矩形，绘制矩形在数据下载的时候经常要用到，绘制矩形操作及信息与绘制面相同。 修改矩形 添加后可以使用“选中对象”后双击更改面的样式，也可右键“属性”修改线的属性信息。点击属性信息框下方的整体移动（单点修改）键对面进行位置的更改。在“空间信息”栏修改矩形的节点坐标后，需要注意的是修改完可能就不是标准矩形了，要调整。 删除矩形
-
上一节，我们使用lineTo()方法绘制一个封闭的矩形。其实，canvas的API提供了rect()方法可以绘制矩形。rect()方法是路径方法，它会把指定的矩形添加到当前路径的子路径中。它只添加路径，绘制图形还是由stroke()或fill()方法完成。 除了rect()方法之外，Canvas 的API还提供了三个直接处理矩形的方法： fillRect(x, y, width, height)
-
本节，我们将学习如何绘制矩形，它也是HTML5的画布API唯一所提供的内置图形。矩形看上去可能不会让你感到兴奋，但是许多应用程序还是以某种方式在使用它，所以你也应该了解它。 图2-1 绘制矩形 绘制步骤 按照以下步骤，在画布的中央绘制一个简单的矩形： 1. 定义2D画布上下文： window.onload = function(){ var canvas = document.getEl
-
矩形是唯一一种可以直接在2D 上下文中绘制的形状。与矩形有关的方法包括fillRect()、strokeRect()和clearRect()。这三个方法都能接收4 个参数：矩形的x 坐标、矩形的y 坐标、矩形宽度和矩形高度。这些参数的单位都是像素。 首先，fillRect()方法在画布上绘制的矩形会填充指定的颜色。填充的颜色通过fillStyle 属性指定，比如： var drawing = do