Three.js: ν…μŠ€μ²˜λ‘œμ„œμ˜ SVG?

에 λ§Œλ“  2012λ…„ 02μ›” 12일  Β·  5μ½”λ©˜νŠΈ  Β·  좜처: mrdoob/three.js

이 μ§ˆλ¬Έμ„ 빨간색 # 814

λ˜ν•œμ΄ js 라이브러리λ₯Ό μ‹€ν–‰ν•©λ‹ˆλ‹€ : http://code.google.com/p/canvg/ SVGλ₯Ό μΊ”λ²„μŠ€μ—μ„œ λ°μ΄ν„°λ‘œ λ³€ν™˜ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

이것은 λ‚΄ μ½”λ“œμž…λ‹ˆλ‹€.

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)
})];

이둜 인해 "ꡐ차 좜처 λ¦¬μ†ŒμŠ€ 곡유 정책에 μ˜ν•΄ 좜처 κ°„ μ΄λ―Έμ§€λ‘œλ“œκ°€ κ±°λΆ€λ˜μ—ˆμŠ΅λ‹ˆλ‹€."λΌλŠ” 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

μ—¬κΈ°μ„œ λ‚΄ μ˜΅μ…˜μ€ λ¬΄μ—‡μž…λ‹ˆκΉŒ?

λ˜ν•œ WebGL을 μ§€μ›ν•˜μ§€ μ•ŠλŠ” λͺ¨λ°”일 μž₯μΉ˜μ—μ„œ μ‚¬μš©ν•  것이기 λ•Œλ¬Έμ— WebGL은 μ˜΅μ…˜μ΄ μ•„λ‹ˆλΌλŠ” 점을 μ–ΈκΈ‰ν•΄μ•Όν•©λ‹ˆλ‹€.

Question

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

세상에 .. μ–Όλ§ˆλ‚˜ λ©μ²­ν•œ 지 믿을 μˆ˜κ°€ μ—†μ–΄.
이것은 iOSμ—μ„œλ„ μž‘λ™ν•©λ‹ˆλ‹€.

WebView의 λ°°κ²½κ³Ό λ™μΌν•œ μƒ‰μƒμ˜ SVG 이미지가 μžˆμœΌλ―€λ‘œ 보지 λͺ»ν–ˆμŠ΅λ‹ˆλ‹€ .D
적어도 μž‘λ™ν•˜κ³  λˆ„κ΅°κ°€ 이것을 읽을 λ•Œ μ§€κΈˆ 웃을 수 μžˆμŠ΅λ‹ˆλ‹€ : D

λͺ¨λ“  5 λŒ“κΈ€

λ‚˜λŠ” 당신이이 같은 문제 # 1305λ₯Ό 치고 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

λ‚˜λŠ” 그것을 기반으둜 무언가λ₯Ό μ‹œλ„ν–ˆλ‹€.

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);

λ‚˜λŠ” μ΄κ²ƒμ˜ 예λ₯Ό 찾지 λͺ»ν–ˆμŠ΅λ‹ˆλ‹€. λ„μšΈ 수 μžˆλ‹ˆ?

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

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

음, 쒋은 점은 이것이 μž‘λ™ν•œλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€. λ‚˜μœ 점은 iPhoneμ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠλŠ”λ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€.
κ°μ‚¬ν•©λ‹ˆλ‹€. iOSμ—μ„œμ΄ κΈ°λŠ₯이 μž‘λ™ν•˜μ§€ μ•ŠλŠ” 이유λ₯Ό μ§€κΈˆ νŒŒμ•…ν•΄μ•Όν•©λ‹ˆλ‹€.

세상에 .. μ–Όλ§ˆλ‚˜ λ©μ²­ν•œ 지 믿을 μˆ˜κ°€ μ—†μ–΄.
이것은 iOSμ—μ„œλ„ μž‘λ™ν•©λ‹ˆλ‹€.

WebView의 λ°°κ²½κ³Ό λ™μΌν•œ μƒ‰μƒμ˜ SVG 이미지가 μžˆμœΌλ―€λ‘œ 보지 λͺ»ν–ˆμŠ΅λ‹ˆλ‹€ .D
적어도 μž‘λ™ν•˜κ³  λˆ„κ΅°κ°€ 이것을 읽을 λ•Œ μ§€κΈˆ 웃을 수 μžˆμŠ΅λ‹ˆλ‹€ : D

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰