Get Microsoft Silverlight

This Blog

Syndication

Tags

News

Awards

Microsoft MVP Logo
Grab this badge here!

Certificates

Transcript ID#: 6724122
Brainbench ASP.NET Certificate
 
Brainbench ASP.NET 2.0 Certificate
 
Brainbench .NET Framework 2.0 Certificate

Blogroll

Ahmad Masykur

var myObject = { "languages" : [ "C#", "VB.NET", "ASP.NET", "Javascript", "SDCC", "Assembler" ] }; //

Silverlight: Transparent pada Indexed PNG Tidak Bisa Transparan

Saat ini saya sedang bikin aplikasi mirip dengan Google Map. Saya coba bikin navigasi untuk geser kiri, kanan, atas, bawah dan zoom-in serta zoom-out menggunakan image. Saya pilih image karena tetika saya gunakan Path dengan ketebalan Stroke sebesar 1, ternyata dirender oleh Silverlight menjadi dua, seperti ada efek antialiasing. Pertama saya bikin image PNG dengan mode indexed, dan ternyata hasilnya bagian transparan ditampilkan dalam warna solid (seperti gray, hijau, merah atau lainnya), seperti terlihat pada gambar berikut.

image

image

Setelah saya ganti dengan mode RGB, bisa tampil dengan baik seperti pada gambar berikut

image

Ada yang tahu kenapa:

1. Path, Line, dan PolyLine dengan ketebalan 1 dirender seperti ada efek antialiasing?

2. Transparent PNG dengan mode indexed kenapa tidak ditampilkan dengan baik?

Apakah ini bug dari Silverlight 1.0?

Share this post: | | | |
Published Dec 26 2007, 03:26 PM by cahnom
Filed under:

Comments

 

reyza said:

gileee..itu lubang hasil kerjaan FMI di bumi indonesia :)

December 26, 2007 3:44 PM
 

Luki Ishwara said:

eehmm... lubangnya fmi yaa.. ;))

duh, siapa ya jago silverlight di sini, rez.. bisa ga?

December 26, 2007 4:05 PM
 

agung said:

Good job !

That's what I mean UI developer. :)

December 26, 2007 4:10 PM
 

dede said:

1. Coba kasih tambah .5.

dari <Line Stroke="Blue" StrokeThickness="1" X1="20" Y1="35" X2="125" Y2="35" /> menjadi

<Line Stroke="Blue" StrokeThickness="1" X1="20.5" Y1="35.5" X2="125.5" Y2="35.5" />

Untuk path hampir sama pada property Data.

Penambahan diperlukan karena jika hanya X1="20" maka Height dari line tersebut 0 (zero-height).

Untuk me-render zero-height di perlukan 2 pixel-widths, maka ada kesan double.

Pada dasar-nya line juga merupakan rectangle, jadi dengan kita specific .5 + .5 = 1. :)

2. Behavior ini bukan bug tapi belum di support saja. Silverlight hanya dapat menampilkan alpha transparency bukan palette base transparency.

December 28, 2007 5:59 AM
 

cahnom said:

Ooo... gitu toh..? Kenapa harus pake nilai desimal, padahal data garis di dapat dari database. Apakah zero-height ini sebuah fitur atau bug di Silverlight?

Terima kasih atas masukannya.

December 28, 2007 7:09 AM
 

dede said:

kalau sebuah kotak tingginya 0, maka thickness=1. jadi ketika terbentuk garis di perlukan 2(sisi a dan sisi b) dengan thickness 1 per-sisi.

nah, kalau di set 0.5 ketika terbentuk maka menjadi 1 dan karena sama-sama 1 thickness-nya. jadi terbentuk 1 (sisi a dan b).

December 28, 2007 8:26 AM
 

cahnom said:

Saya hanya butuh membuat garis, bukan kotak tapi kenapa dibuat kotak? Trus apa bedanya antara Line/Path dengan Rectangle?

December 28, 2007 10:45 AM
 

dede said:

garis/line itu juga kotak :). kalau rectangle kotak yang bolong, kaya donat/ellipse.

December 28, 2007 11:23 AM
 

andy said:

mas,sya mau nanya,mungkin terlalu bodoh pertanyaan nya,begni sya tertarik sama  materinya, tapi saya mau nanya klo cara bikin google map(view street) itu gimana ya  caranya, minta bantuan sedatail" nya karna saya ga tau banyak,tolong ya

May 23, 2008 10:29 AM
 

cahnom said:

Secara detail saya belum pernah coba. Google menyediakan API Google MAP yang bisa Anda gunakan untuk membuat google map. Silakan baca dokumentasi di code.google.com/.../maps

May 23, 2008 11:18 AM