Skip navigation
jay fresno
jay fresno
Currently Being Moderated

Drop shadows and HTML5

Jul 8, 2012 11:06 PM

When there is a Smart Shape with both a stroke and a fill, plus a drop shadow, the drop shadow looks like it only applies to the stroke. I have several such objects with fairly thick 3 or 4 pt stroke. The drop shadow should be behind both the stroke and the fill. To avoid this I've been creating two identical shapes when only one is needed. The bottom shape has a drop shadow and the top shape does not.

Does anyone know a better workaround that doesn't require so many shapes?

333 Views   3 Replies   Latest reply: Lilybiri, Jul 9, 2012 1:59 AM
 
Replies
  • Lilybiri
    Currently Being Moderated
    1. Lilybiri,
    Jul 9, 2012 12:46 AM   in reply to jay fresno
    Report

    Hi Jay,

     

    As you are used to, I double-checked what was my idea about those shadows: being simply a slightly moved duplicate of the original shape with the color, alpha and other settings you setup in the PI, Shadow accordion. I published to HTML5 and everything showed up as expected, here is a screenshot of that published version:

    Shadows.png

    For the first smart shape I only decremented the Alpha more for the Fill in order to see better the duplicate, shadow image. The second one has no fill, but I customized the shadow color.

     

    Could you post a screenshot of your different result?

     

    Lilybiri

     
    |
    Mark as:
  • jay fresno
    Currently Being Moderated
    2. jay fresno,
    Jul 9, 2012 1:25 AM   in reply to Lilybiri
    Report

    Below is green oval with a white stroke on top of a blue rectangle.

     

    This is what it looks like in Captivate 6:

    Untitled-2.jpg

    This is what it looks like in HTML5:

    Untitled-1.jpg

    Alpha is 100% for the oval and 100% for the drop shadow.

     
    |
    Mark as:
  • Lilybiri
    Currently Being Moderated
    3. Lilybiri,
    Jul 9, 2012 1:59 AM   in reply to jay fresno
    Report

    Hi Jay,

     

    Could reproduce it... will try to find out. It looks as if there is both an inner and an outer shadow for the stroke, nice but unexpected as you say.


    Lilybiri

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points