<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>three.js从入门到精通系列教程008 - three.js渲染器之SVG渲染器和WebGL渲染器</title>
<script src="ThreeJS/three.js"></script>
<script src="ThreeJS/jquery.js"></script>
<script src="ThreeJS/Projector.js"></script>
<script src="ThreeJS/SVGRenderer.js"></script>
</head>
<body>
<p><button id="myButton1">启用SVG渲染器</button>
<button id="myButton2">启用WebGL渲染器</button>
</p>
<center id="myContainer"></center>
<script>
var isSVGRenderer = true;
//创建渲染器myRenderer1
var myRenderer1 = new THREE.SVGRenderer();
myRenderer1.setSize(window.innerWidth / 2, window.innerHeight / 2);
//创建渲染器myRenderer2
three.js从入门到精通系列教程008 - three.js渲染器之SVG渲染器和WebGL渲染器
最新推荐文章于 2024-05-11 10:46:00 发布