μ΄ μ§λ¬Έμ λΉ¨κ°μ # 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μ μ΅μ μ΄ μλλΌλ μ μ μΈκΈν΄μΌν©λλ€.
λλ λΉμ μ΄μ΄ κ°μ λ¬Έμ # 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
κ°μ₯ μ μ©ν λκΈ
μΈμμ .. μΌλ§λ λ©μ²ν μ§ λ―Ώμ μκ° μμ΄.
μ΄κ²μ iOSμμλ μλν©λλ€.
WebViewμ λ°°κ²½κ³Ό λμΌν μμμ SVG μ΄λ―Έμ§κ° μμΌλ―λ‘ λ³΄μ§ λͺ»νμ΅λλ€ .D
μ μ΄λ μλνκ³ λκ΅°κ° μ΄κ²μ μ½μ λ μ§κΈ μμ μ μμ΅λλ€ : D