2013-04-09 17 views
7

Bir resme dikdörtgenler çizmek için Rafael.js kullanıyorum. Kontur rengini ayarlama ile ilgili sorunum, arka planın koyu veya açık veya herhangi bir renkte olması olabilir. Bununla başa çıkmanın en iyi yolunun kesik çizgiler kullanacağını düşündüm. Ancak, bu çağrıRafael.js kullanarak kesik çizgilerle bir dikdörtgen çizme

çalışmıyor. Firebug (FireFox 20.0 üzerinde) .js dosyasındaki mevcut bir işlevin mevcut olmadığını belirten bir hata iletisi döndürür. İnme-dasharray'ın dikdörtgenler için geçerli olmadığı anlaşılmaktadır.

cevap

8

Temel JavaScript hata:

{stroke-dasharray:"---"} 

olmalı: Ayrıca

{"stroke-dasharray":"---"} 

: "---"stroke-dasharray için desteklenen bir değer değildir; Olması gereken:

{"stroke-dasharray":"--"} 
+0

Teşekkürler. Bu hataya neden oldu ama yine de dikdörtgen için katı siyah çizgiler alıyorum. Sağol Peter. – OtagoHarbour

+1

[Raphael referansı] 'na bakma (http://raphaeljs.com/reference.html) Üç tire geçerli bir seçenek değil bence. İki deneyin: "" - " – searlea

+0

Kesik çizgiler almak için çalıştı. Çok teşekkürler! İki farklı renk elde etmek için iki çağrıya ihtiyacım var: biri {"stroke-dasharray" ile: "-"} ve diğeri {"stroke": "white", "stroke-dasharray": "- .." }. Çok teşekkürler! – OtagoHarbour

9

Hayır "---", olası inme-DashArray: felç renklendirmek için [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]

Tek yön sonra ters seçim (ya da yakındaki, HSV veya HSL alanını kullanmaktır) spektrum. Yanıtları deneyin: Given an RGB value, how do I create a tint (or shade)?

+0

İlginç. Sanırım ideal, altta yatan imajla birlikte xor elde etmek olurdu ama Rafael bu seçeneğe sahip gibi görünmüyor. Sağol Peter. – OtagoHarbour

+0

Bazı tarayıcı çevresinde bir parlaklık oluşturmak için manipülasyonunu destekleyebilir. Http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Filters adresini deneyin. –