Three.js: SVG sebagai tekstur?

Dibuat pada 12 Feb 2012 · 5Komentar · Sumber: mrdoob/three.js

Saya merah pertanyaan ini # 814

Dan saya juga menjalankan perpustakaan js ini: http://code.google.com/p/canvg/ yang dapat melakukan konversi SVG ke kanvas ke data.

Ini kode saya:

var imageCanvas2 = document.createElement("canvas");
canvg(imageCanvas2, 'images/46.svg');
var imag = imageCanvas2.toDataURL('image/png');   // --> here is the converted image data

var cubeMaterial = [new THREE.MeshBasicMaterial({
    map : THREE.ImageUtils.loadTexture(imag)
})];

Ini memberi saya kesalahan: "Pemuatan gambar lintas sumber ditolak oleh kebijakan Berbagi Sumber Daya Lintas Asal".

Apa saja pilihan saya di sini?

Juga saya harus menyebutkan bahwa WebGL bukanlah pilihan karena saya akan menggunakan ini di perangkat seluler yang tidak mendukung WebGL.

Question

Sumber

Dino4674

Komentar yang paling membantu

Ya Tuhan ... Aku tidak percaya betapa bodohnya.
Ini juga berfungsi di iOS.

Saya memiliki gambar SVG yang warnanya sama dengan latar belakang WebView jadi itulah mengapa saya tidak melihatnya: D
Setidaknya itu berhasil dan seseorang sekarang bisa tertawa ketika membaca ini: D

Dino4674 pada 12 Feb 2012

😄28

Semua 5 komentar

Saya pikir Anda mengalami masalah yang sama # 1305.

mrdoob pada 12 Feb 2012

Saya mencoba sesuatu berdasarkan itu:

var imageCanvas2 = document.createElement("canvas");
canvg(imageCanvas2, 'images/46.svg');
var imag = imageCanvas2.toDataURL('image/png');

var texture = new THREE.Texture(imag);
texture.needsUpdate = true;

//Now I have to make material from this so I could apply it to Mesh:

var cubeMaterial = new THREE.MeshBasicMaterial({
    map : texture  /////something like this. This throws errors.
});

cube = new THREE.Mesh(geometry, cubeMaterial);

Saya tidak menemukan contoh ini. Bisakah kamu menolong?

Dino4674 pada 12 Feb 2012

var imageCanvas2 = document.createElement("canvas");
canvg(imageCanvas2, 'images/46.svg');

var texture = new THREE.Texture(imageCanvas2);
texture.needsUpdate = true;

mrdoob pada 12 Feb 2012

👍3

Nah, hal baiknya adalah ini berhasil. Hal buruknya adalah itu tidak berfungsi di iPhone.
Terima kasih, saya harus memikirkan sekarang mengapa ini tidak berfungsi di iOS.

Dino4674 pada 12 Feb 2012

Ya Tuhan ... Aku tidak percaya betapa bodohnya.
Ini juga berfungsi di iOS.

Dino4674 pada 12 Feb 2012

😄28

Apakah halaman ini membantu?

0 / 5 - 0 peringkat