Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 03/02/2021 in all areas

  1. Hi Ingolme Thank you once again! I was away for a while due to the holidays and an illness in the family. For some reason, the SVG filter is not being applied to the canvas cPreview, but is being applied to the canvas cSave. Do you have any thoughts on why this may be happening? Here's my code: <style> #cSave { filter: url("#svgCOLOR"); } #cPreview { filter: url("#svgCOLOR"); } </style> <!-- SVG Declaration --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" width="2" height="1"> <defs> <filter id="svgCOLOR"> <!-- Matrix values will eventually be adjustable using a range slider control --> <feColorMatrix type="matrix" values="2 0 0 0 0 0 1 0 0 0 0 0 2 0 0 0 0 0 0 1" /> </filter> </defs> </svg> <!-- CANVAS cPreview --> <canvas id="cPreview" width="2" height="1" style="position:relative; max-width:100%;"></canvas> <!-- CANVAS cSave --> <canvas id="cSave" width="2" height="1" onclick="clickPreview()" style="position:relative; max-width:100%;"></canvas> Thank you!
    1 point
  2. Nope. Not yet. Paste the actual text of your code using the code tags. That will make your code visible in your post. You keep posting the file. It's usually always very bad practice to click a button connected to a file from an unknown source. We want to see your work an a completely SAFE environment. Please post the text, not the file, using the <> tags. IF IT'S TOO LONG, edit out the irrelevant parts. EDIT: We need to see something with a format like this: <!DOCTYPE html> <html> <head> <style> img { float: right; } </style> </head> <body> <h1>The float Property</h1> <p>In this example, the image will float to the right in the text, and the text in the paragraph will wrap around the image.</p> <p><img src="pineapple.jpg" alt="Pineapple" style="width:170px;height:170px;margin-left:15px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum.</p> </body> </html>
    1 point
×
×
  • Create New...