HTML DOM createPattern() ·½·¨

¶¨ÒåºÍÓ÷¨

createPattern() ·½·¨ÎªÌùͼͼÏñ´´½¨Ò»¸öģʽ¡£

Óï·¨

createPattern(image, repetitionStyle)

²ÎÊý

²ÎÊý ÃèÊö
image

ÐèÒªÌùͼµÄͼÏñ¡£

Õâ¸ö²ÎÊýͨ³£ÊÇÒ»¸ö Image ¶ÔÏ󣬵«ÊÇÒ²¿ÉÒÔʹÓÃÒ»¸ö Canvas ÔªËØ¡£

repetitionStyle ˵Ã÷ͼÏñÈçºÎÌùͼ¡£¿ÉÄܵÄÖµÈçÏÂËùʾ£º
  • "repeat" - ÔÚ¸÷¸ö·½ÏòÉ϶¼¶ÔͼÏñÌùͼ¡£Ä¬ÈÏÖµ¡£
  • "repeat-x" - Ö»ÔÚ X ·½ÏòÉÏÌùͼ¡£
  • "repeat-y" - Ö»ÔÚ Y ·½ÏòÉÏÌùͼ¡£
  • "no-repeat" - ²»Ìùͼ£¬Ö»Ê¹ÓÃËüÒ»´Î¡£

·µ»ØÖµ

±íʾģʽµÄÒ»¸ö CanvasPattern ¶ÔÏó¡£

ÃèÊö

createPattern() ·½·¨´´½¨²¢·µ»ØÒ»¸ö CanvasPattern ¶ÔÏ󣬸öÔÏó±íʾһ¸öÌùͼͼÏñËù¶¨ÒåµÄģʽ¡£ÒªÊ¹ÓÃÒ»¸öģʽÀ´¹´ÀÕÏßÌõ»òÌî³äÇøÓò£¬¿ÉÒÔ°ÑÒ»¸ö CanvasPattern ¶ÔÏóÓÃ×÷ strokeStyle ÊôÐÔ»ò fillStyle ÊôÐÔµÄÖµ¡£

ÌáʾºÍ×¢ÊÍ

×¢ÊÍ£ºFirefox 1.5 Ö»Ö§³Ö "repeat" ·½Ê½£¬ÆäËûµÄ¶¼±»ºöÂÔ¡£

²ÎÔÄ

CanvasPattern

VUE